私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript & jQuery 質問用スレッド vol.5 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
乗り遅れたが、.cssメソッド使いたくなるケースは普通にあるな。
動的にタグを生成してそこにCSSをかけたい場合。
つまり実際のHTMLには存在しない要素はjQueryだけで完結させたい。
それと、アコーディオンにように、jQuery前提でCSS側で子要素にdisplay:noneをするというのに、
それをCSSファイル側に.close{display:none;みたいに書きたくない。
jQueryが動いたときは子要素が非表示になるという考えで、これもjQuery側で表示/非表示を切り替えるべき。
jQueryだけで完結すれば使いまわしもし易くなるしね。
動的にタグを生成してそこにCSSをかけたい場合。
つまり実際のHTMLには存在しない要素はjQueryだけで完結させたい。
それと、アコーディオンにように、jQuery前提でCSS側で子要素にdisplay:noneをするというのに、
それをCSSファイル側に.close{display:none;みたいに書きたくない。
jQueryが動いたときは子要素が非表示になるという考えで、これもjQuery側で表示/非表示を切り替えるべき。
jQueryだけで完結すれば使いまわしもし易くなるしね。
>>100
定められてるよ
定められてるよ
>>102
ループさせるな
ループさせるな
>>105
そうですよね。自分の認識が間違っていなかったようで安心しました。
そうですよね。自分の認識が間違っていなかったようで安心しました。
>>107
?
?
ちゃんとかきこめない・・
$(window).scroll(function() {
var wh = $(window).height();
if ($(this).scrollTop() >= wh){
$('#menu ul').addClass("sticky").slideDown(500);
}
else{
$('#menu ul').removeClass("sticky");
}
});
これの、#menu ulに.addClassで.sticky要素を追加したときに、.fadeInでメニューがふわっとあらわれるようしたく
$('#menu ul').addClass("sticky");
を
$('#menu ul').addClass("sticky").fadeIn;
こうしてみたのですが、無理でした。どのように記述すればいいのか
気が向いた方教えてください。
$(window).scroll(function() {
var wh = $(window).height();
if ($(this).scrollTop() >= wh){
$('#menu ul').addClass("sticky").slideDown(500);
}
else{
$('#menu ul').removeClass("sticky");
}
});
これの、#menu ulに.addClassで.sticky要素を追加したときに、.fadeInでメニューがふわっとあらわれるようしたく
$('#menu ul').addClass("sticky");
を
$('#menu ul').addClass("sticky").fadeIn;
こうしてみたのですが、無理でした。どのように記述すればいいのか
気が向いた方教えてください。
タブ1 タブ2 タブ3
画像1
画像2
画像3
こういうUIでタブ1～3にそれぞれ画像を3枚表示させたい場合
タブをクリックした時にだけ画像読み込むにはどうやんの？
画像1
画像2
画像3
こういうUIでタブ1～3にそれぞれ画像を3枚表示させたい場合
タブをクリックした時にだけ画像読み込むにはどうやんの？
>>112がどの辺の知識レベルかによって答え方が変わってくるから
とりあえずできたとこまでソース貼って
とりあえずできたとこまでソース貼って
>>111
上のソースでslideDownは動作してるの？
してるんだったらfadeInをfadeIn()にすればいけるはず
してないんだったら
$(this).scrollTop() >= wh
がtrueになるケースがあるのかどうかconsole.logなどで確認しろ
上のソースでslideDownは動作してるの？
してるんだったらfadeInをfadeIn()にすればいけるはず
してないんだったら
$(this).scrollTop() >= wh
がtrueになるケースがあるのかどうかconsole.logなどで確認しろ
>>112
$(セレクター).click(function(){
$(セレクター).attr('src', '画像ファイルのパス')
});
attrは、{属性名:値, 属性名:値, ...} で、width, height など、
複数の属性を、まとめて設定できる
$(セレクター).click(function(){
$(セレクター).attr('src', '画像ファイルのパス')
});
attrは、{属性名:値, 属性名:値, ...} で、width, height など、
複数の属性を、まとめて設定できる
>>114 115 ありがとうございます。
すみません、.slideDown(500);の部分は余計でした。
色々といじっている時にソースを間違ってはってしまったものです。
$(this).scrollTop() >= wh はtureになり、addclassとremoveclassは作動します。
そこにslideDownや、fadeInを追加しても動きません。
基本的な構文が理解できていないようです・・
すみません、.slideDown(500);の部分は余計でした。
色々といじっている時にソースを間違ってはってしまったものです。
$(this).scrollTop() >= wh はtureになり、addclassとremoveclassは作動します。
そこにslideDownや、fadeInを追加しても動きません。
基本的な構文が理解できていないようです・・
setMore.click(function(){
$.ajax({
url: 'hoge.html',
urlじゃなくhtml内のid指定するにはどうやんの？
$.ajax({
url: 'hoge.html',
urlじゃなくhtml内のid指定するにはどうやんの？
$('セレクター').jQueryメソッド
$('#id').jQueryメソッド
$('#id').jQueryメソッド
js、jqとは違う質問なんですが
htmlファイルでjsファイルを読み込む部分の記述に変数を使うなど可能ですか?
ファイル名を変数か何かで指定して
その変数に保持されているファイル名のjsをhtmlに読み込めますか?
htmlファイルでjsファイルを読み込む部分の記述に変数を使うなど可能ですか?
ファイル名を変数か何かで指定して
その変数に保持されているファイル名のjsをhtmlに読み込めますか?
htmlのみではできない
jsでファイル名作ってscript要素をdocument.writeして
jsファイルを読み込むとかはよくやる
jsでファイル名作ってscript要素をdocument.writeして
jsファイルを読み込むとかはよくやる
自己解決しました
同じ疑問持つ人いるかもしれないから
自己解決でも簡単に内容書いた方がええよ
自己解決でも簡単に内容書いた方がええよ
>>129
お前は何者だ？
お前は何者だ？
>>125は全うな回答だと思うが、どの辺がトンチンカンなんだろうな
↓このへん
／￣￣￣￣＼ ､／;￣',￣',￣',＼,
./ /ﾌ ヽ ､/、` ､ ' ' , ' ", X
/ ｏ~ ＿ ___ | ｿ、ﾞ ` ' "|
| / ﾟ ヽ / ﾟ ヽ | |ﾞ ﾞ /⌒ヽ /⌒ｌ |
,--､ `ｰ～' `ｰ～ / ,--､ ・ `ｰ' ・ /
（ 6 i―┬┬┬┬i 〈 （ 6 i‐―┬―┬‐; 〈
￣l ＼_,二＿二ノ ﾉ ￣l、 ＼ ,二二､ノ ﾉ
_＼＿ ￣￣￣_,／ _＼_ ￣￣￣_,／
.／ ＼￣7ヾ~~7 ＼ .／::::lll::／|~7ヾ~|ヽ::＼
| /⌒ヽＶl＿lＶ /⌒ヽ |:::::::::lll::＞ Vl＾ｌV＜::|:::|
|、 / ｰ'ｰ' / | | ｰ'ｰｆ |:::::::::|::::::＼ヾＶ/.／::|::::|
ヾﾆﾆﾆソ .| | |ﾆﾆｿ |:::::::::|:::日:::＼l／日:|::::|
／￣￣￣￣＼ ､／;￣',￣',￣',＼,
./ /ﾌ ヽ ､/、` ､ ' ' , ' ", X
/ ｏ~ ＿ ___ | ｿ、ﾞ ` ' "|
| / ﾟ ヽ / ﾟ ヽ | |ﾞ ﾞ /⌒ヽ /⌒ｌ |
,--､ `ｰ～' `ｰ～ / ,--､ ・ `ｰ' ・ /
（ 6 i―┬┬┬┬i 〈 （ 6 i‐―┬―┬‐; 〈
￣l ＼_,二＿二ノ ﾉ ￣l、 ＼ ,二二､ノ ﾉ
_＼＿ ￣￣￣_,／ _＼_ ￣￣￣_,／
.／ ＼￣7ヾ~~7 ＼ .／::::lll::／|~7ヾ~|ヽ::＼
| /⌒ヽＶl＿lＶ /⌒ヽ |:::::::::lll::＞ Vl＾ｌV＜::|:::|
|、 / ｰ'ｰ' / | | ｰ'ｰｆ |:::::::::|::::::＼ヾＶ/.／::|::::|
ヾﾆﾆﾆソ .| | |ﾆﾆｿ |:::::::::|:::日:::＼l／日:|::::|
ネットマナーの問題だろ
例を挙げればキリが無いが、こんなものは常識だと思うがね
・自分の質問が公開されている意味を踏まえ、自己解決した場合も他に同様の問題に遭遇した人の為に解決方法を書く
・マルチポストが回答者に余計な負担をかける事を知っているため、マルチポストしない(やむをえない事情がある場合はマルチポスト先を相互リンクする)
こういうこというと「便所の落書きで何を言ってるんだ」と言い出す奴が必ずいるが、他人の気持ちを慮れない奴のいう事は知らん
例を挙げればキリが無いが、こんなものは常識だと思うがね
・自分の質問が公開されている意味を踏まえ、自己解決した場合も他に同様の問題に遭遇した人の為に解決方法を書く
・マルチポストが回答者に余計な負担をかける事を知っているため、マルチポストしない(やむをえない事情がある場合はマルチポスト先を相互リンクする)
こういうこというと「便所の落書きで何を言ってるんだ」と言い出す奴が必ずいるが、他人の気持ちを慮れない奴のいう事は知らん
初心者です。
var obj = {
key: 'data'
};
のようにオブジェクトを定義する時に
このkeyを変数で指定する方法はありますか？
var obj = {
key: 'data'
};
のようにオブジェクトを定義する時に
このkeyを変数で指定する方法はありますか？
>>140
ES6に完全対応しているならこれが使える。
var obj = { [key]: 'data' }
IE11や少し古いAndroidやiOSでは動かないので
Babelを使ってES5に変換する必要がある。
この記述なら全てのブラウザで動作する。
obj[key] = 'data'
ES6に完全対応しているならこれが使える。
var obj = { [key]: 'data' }
IE11や少し古いAndroidやiOSでは動かないので
Babelを使ってES5に変換する必要がある。
この記述なら全てのブラウザで動作する。
obj[key] = 'data'
>>142
ありがとうございました
ありがとうございました
IE11だけど動きません
何故でしょうか？
何故でしょうか？
jQueryでスライドショーを設置したのですが
画像が中心より下に表示され全部表示されません。
どうしたらいいでしょうか？
画像が中心より下に表示され全部表示されません。
どうしたらいいでしょうか？
bxSliderです
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript & jQuery 質問用スレッド vol.8 + (1001) - [98%] - 2019/2/9 14:00
- + JavaScript & jQuery 質問用スレッド vol.7 + (701) - [98%] - 2022/12/19 17:15
- + JavaScript & jQuery 質問用スレッド vol.7 + (993) - [98%] - 2017/11/10 8:15
- + JavaScript & jQuery 質問用スレッド vol.6 + (980) - [98%] - 2016/11/20 14:31
- + JavaScript の質問用スレッド vol.95 + (1001) - [72%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.75 + (1001) - [72%] - 2010/1/23 1:07 ○
- + JavaScript の質問用スレッド vol.85 + (1001) - [72%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.135 + (1002) - [70%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [70%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.125 + (1001) - [70%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [70%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.93 + (1001) - [70%] - 2011/12/10 18:31
トップメニューへ / →のくす牧場書庫について