のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,432,663人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレ+ JavaScript & jQuery 質問用スレッド vol.5 +

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
101 : Name_Not - 2016/01/21(木) 23:34:11.99 ID:???.net (+3,-30,-201)
乗り遅れたが、.cssメソッド使いたくなるケースは普通にあるな。
動的にタグを生成してそこにCSSをかけたい場合。
つまり実際のHTMLには存在しない要素はjQueryだけで完結させたい。

それと、アコーディオンにように、jQuery前提でCSS側で子要素にdisplay:noneをするというのに、
それをCSSファイル側に.close{display:none;みたいに書きたくない。

jQueryが動いたときは子要素が非表示になるという考えで、これもjQuery側で表示/非表示を切り替えるべき。
jQueryだけで完結すれば使いまわしもし易くなるしね。
102 : Name_Not - 2016/01/22(金) 04:15:21.45 ID:???.net (+89,+27,+0)
>>100
定められてるよ
103 : Name_Not - 2016/01/22(金) 06:08:15.02 ID:???.net (+57,+22,-1)
>>102
ループさせるな
104 : Name_Not - 2016/01/22(金) 08:26:02.80 ID:???.net (+10,-30,-14)
>>98
本当ですか?
<a href="#hogehoge">でもページトップに遷移しますか?
http://jsfiddle.net/mmobq5vz/
105 : Name_Not - 2016/01/23(土) 03:36:17.12 ID:???.net (+38,-29,-11)
>>104
それだと機能しないね
<a href="#top">とか<a href="#">なら動く

>>98は勉強不足
106 : Name_Not - 2016/01/23(土) 08:31:28.46 ID:???.net (+63,+29,-7)
>>105
そうですよね。自分の認識が間違っていなかったようで安心しました。
107 : Name_Not - 2016/01/23(土) 23:20:43.57 ID:???.net (+9,-29,-16)
なお、HTML5 では、href 属性を href=
108 : Name_Not - 2016/01/24(日) 08:59:04.01 ID:???.net (+14,-4,-1)
>>107
?
109 : Name_Not - 2016/01/24(日) 13:53:44.87 ID:???.net (+58,+30,+0)
111 : Name_Not - 2016/01/24(日) 13:58:13.31 ID:???.net (+13,-30,-246)
ちゃんとかきこめない・・
$(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;
こうしてみたのですが、無理でした。どのように記述すればいいのか
気が向いた方教えてください。
112 : Name_Not - 2016/01/24(日) 17:08:38.43 ID:???.net (+38,-29,-52)
タブ1 タブ2 タブ3
画像1
画像2
画像3

こういうUIでタブ1~3にそれぞれ画像を3枚表示させたい場合
タブをクリックした時にだけ画像読み込むにはどうやんの?
113 : Name_Not - 2016/01/24(日) 22:17:02.68 ID:???.net (+62,+29,-9)
>>112がどの辺の知識レベルかによって答え方が変わってくるから
とりあえずできたとこまでソース貼って
114 : Name_Not - 2016/01/24(日) 22:22:14.67 ID:???.net (+10,-30,-66)
>>111
上のソースでslideDownは動作してるの?
してるんだったらfadeInをfadeIn()にすればいけるはず
してないんだったら
$(this).scrollTop() >= wh
がtrueになるケースがあるのかどうかconsole.logなどで確認しろ
115 : Name_Not - 2016/01/24(日) 23:38:38.88 ID:???.net (+0,-30,-23)
>>111
$(セレクター).fadeIn(アニメーション時間 [, callback関数])

$(セレクター).fadeIn(2000)
116 : Name_Not - 2016/01/24(日) 23:59:46.24 ID:???.net (+8,-30,-67)
>>112
$(セレクター).click(function(){
$(セレクター).attr('src', '画像ファイルのパス')
});

attrは、{属性名:値, 属性名:値, ...} で、width, height など、
複数の属性を、まとめて設定できる
117 : Name_Not - 2016/01/25(月) 04:50:29.30 ID:???.net (+8,-30,-71)
>>114 115 ありがとうございます。
すみません、.slideDown(500);の部分は余計でした。
色々といじっている時にソースを間違ってはってしまったものです。
$(this).scrollTop() >= wh はtureになり、addclassとremoveclassは作動します。
そこにslideDownや、fadeInを追加しても動きません。
基本的な構文が理解できていないようです・・
118 : Name_Not - 2016/01/25(月) 09:57:21.34 ID:???.net (+3,-29,-7)
>>117
だからfadeInをfadeIn()にしてと書いとるがな
かっこが抜けてるだけ
119 : Name_Not - 2016/01/25(月) 11:25:59.59 ID:???.net (-1,-29,-42)
>>118
原因は括弧やその中身ではないようです。
addclassとremoveclassは動くのですけど。
もう一度jQuery以外の部分から見直してみます。
ありがとうございました。
120 : Name_Not - 2016/01/25(月) 15:56:05.50 ID:???.net (-1,-29,-6)
fadeInする前にhideしていないってオチだったりして
121 : Name_Not - 2016/01/25(月) 22:30:50.69 ID:???.net (-2,-30,-56)
setMore.click(function(){
$.ajax({
url: 'hoge.html',

urlじゃなくhtml内のid指定するにはどうやんの?
122 : Name_Not - 2016/01/25(月) 22:37:57.54 ID:???.net (+9,-13,-13)
ajaxを使わなければいい
123 : Name_Not - 2016/01/26(火) 02:07:22.72 ID:???.net (-2,-30,-84)
$('セレクター').jQueryメソッド

$('#id').jQueryメソッド
124 : Name_Not - 2016/01/26(火) 09:59:29.43 ID:???.net (+23,-29,-45)
js、jqとは違う質問なんですが
htmlファイルでjsファイルを読み込む部分の記述に変数を使うなど可能ですか?
ファイル名を変数か何かで指定して
その変数に保持されているファイル名のjsをhtmlに読み込めますか?
125 : Name_Not - 2016/01/26(火) 10:27:43.71 ID:???.net (+103,-29,-18)
htmlのみではできない
jsでファイル名作ってscript要素をdocument.writeして
jsファイルを読み込むとかはよくやる
126 : 124 - 2016/01/26(火) 13:02:20.08 ID:???.net (+72,+15,+0)
自己解決しました
127 : Name_Not - 2016/01/26(火) 14:16:26.88 ID:???.net (+57,+29,-13)
同じ疑問持つ人いるかもしれないから
自己解決でも簡単に内容書いた方がええよ
128 : Name_Not - 2016/01/26(火) 14:23:50.49 ID:???.net (+139,+29,-3)
>>126
誰だよお前!
俺が聞いたんだよ!
129 : Name_Not - 2016/01/26(火) 14:45:30.09 ID:???.net (+99,+29,-1)
>>128
なら>>125へ返事を返せよ
130 : Name_Not - 2016/01/26(火) 14:48:20.65 ID:???.net (+99,+29,-1)
>>129
お前は何者だ?
131 : 124 - 2016/01/26(火) 14:50:54.52 ID:???.net (+67,+29,-7)
自己解決したのだからもういいでしょう
>>125はトンチンカンな回答です
132 : Name_Not - 2016/01/26(火) 14:57:38.15 ID:???.net (+77,+29,-29)
>>130
傍観者
>>128は質問者本人だと主張してるんでしょ?
なら返事ぐらい返せ、といっただけ
成りすましが嫌ならトリップやidぐらい晒せばいいのに
133 : Name_Not - 2016/01/26(火) 15:22:18.89 ID:???.net (+71,+29,-17)
>>125は全うな回答だと思うが、どの辺がトンチンカンなんだろうな
134 : Name_Not - 2016/01/26(火) 23:36:30.44 ID:???.net (+3,-30,-62)
     ↓このへん

      / ̄ ̄ ̄ ̄\       、/; ̄', ̄', ̄',\,
   ./ /フ          ヽ       、/、` 、 ' '  , ' ", X
   / o~  _     ___  |     ソ、゙ `        ' "|
   |    / ゚ ヽ  / ゚ ヽ |     |゙ ゙   /⌒ヽ  /⌒l |
  ,--、  `ー~'  `ー~ /    ,--、     ・ `ー' ・   /
 ( 6   i―┬┬┬┬i 〈     ( 6  i‐―┬―┬‐; 〈
   ̄l   \_,二_二ノ ノ       ̄l、 \ ,二二、ノ ノ
    _\_  ̄ ̄ ̄_,/       _\_  ̄ ̄ ̄_,/
  ./  \ ̄7ヾ~~7 \     ./::::lll::/|~7ヾ~|ヽ::\
  |  /⌒ヽVl_lV  /⌒ヽ   |:::::::::lll::> Vl^lV<::|:::|
  |、 / ー'ー'  / |   | ー'ーf   |:::::::::|::::::\ヾV/./::|::::|
  ヾニニニソ  .| |   |ニニソ    |:::::::::|:::日:::\l/日:|::::|
135 : Name_Not - 2016/01/27(水) 00:10:27.97 ID:???.net (+57,+29,-6)
質問者の認識がトンチンカンな事はわかった
136 : Name_Not - 2016/01/27(水) 13:27:55.74 ID:???.net (+32,+14,-1)
ハゲめ
137 : Name_Not - 2016/01/27(水) 15:51:06.61 ID:???.net (+52,+29,-5)
自分本位な質問者は害悪でしかないな
138 : Name_Not - 2016/01/27(水) 15:56:23.36 ID:???.net (+52,+29,-4)
自分本位以外にどんな質問がある?
139 : Name_Not - 2016/01/27(水) 16:13:14.44 ID:???.net (+63,+30,-120)
ネットマナーの問題だろ
例を挙げればキリが無いが、こんなものは常識だと思うがね
・自分の質問が公開されている意味を踏まえ、自己解決した場合も他に同様の問題に遭遇した人の為に解決方法を書く
・マルチポストが回答者に余計な負担をかける事を知っているため、マルチポストしない(やむをえない事情がある場合はマルチポスト先を相互リンクする)
こういうこというと「便所の落書きで何を言ってるんだ」と言い出す奴が必ずいるが、他人の気持ちを慮れない奴のいう事は知らん
140 : Name_Not - 2016/01/27(水) 20:32:53.00 ID:???.net (+28,-30,-47)
初心者です。
var obj = {
 key: 'data'
};
のようにオブジェクトを定義する時に
このkeyを変数で指定する方法はありますか?
141 : Name_Not - 2016/01/27(水) 20:45:01.30 ID:???.net (-1,+30,+0)
142 : Name_Not - 2016/01/28(木) 02:05:20.85 ID:???.net (+36,-30,-59)
>>140
ES6に完全対応しているならこれが使える。
var obj = { [key]: 'data' }

IE11や少し古いAndroidやiOSでは動かないので
Babelを使ってES5に変換する必要がある。

この記述なら全てのブラウザで動作する。
obj[key] = 'data'
143 : Name_Not - 2016/01/28(木) 05:32:13.23 ID:???.net (+31,+5,+1)
>>142
ありがとうございました
144 : 140 - 2016/01/29(金) 03:37:15.83 ID:???.net (+55,-11,-2)
>>142
2行目の意味が解かりません
145 : Name_Not - 2016/01/29(金) 04:31:57.92 ID:???.net (+65,+29,-22)
>>144
新しく使えるようになる書き方だよ。
やってみて動かないのなら、君が使ってるブラウザでは
まだ動かないってこと。
146 : 140 - 2016/01/29(金) 14:57:10.55 ID:???.net (+10,-21,-4)
IE11だけど動きません
何故でしょうか?
147 : Name_Not - 2016/01/29(金) 16:22:28.43 ID:???.net (+57,+29,-5)
ないのなら、君が使ってるブラウザでは
まだ動かないって
148 : Name_Not - 2016/01/29(金) 20:48:23.22 ID:???.net (+0,-30,-20)
>>146
object literal extensions -> computed properties
http://kangax.github.io/compat-table/es6/
149 : Name_Not - 2016/02/03(水) 13:17:55.19 ID:???.net (+67,+29,-29)
jQueryでスライドショーを設置したのですが
画像が中心より下に表示され全部表示されません。
どうしたらいいでしょうか?
150 : 149 - 2016/02/03(水) 14:46:53.63 ID:???.net (-6,-29,-2)
bxSliderです
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について