私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ【jQuery】JavaScript ライブラリ総合質問所 vol.3
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 : △
レスフィルター : (試験中)
見た目的に「あ、Bootstrapで安直に作ってんのね」って思われるところとか
はぁぁぁあ、すまにゅ。あげてMOTA
まずコードをここに書くか>>1に書いてあるコード投稿サイトに貼り付けましょう
お前が書くコードなんて誰もが書ける
お前が書くコードなんて誰もが書ける
<div id="contents">
<div id="section">
<h1>のほののの</h1>
<div class="ee"><a href="dd.html">dd</a></div>
<script>
$(function() {
$(".ee a").click(function() {
return false();
$(".dd a").click();
});
});
</script>
</div>
</div>
<script>
$(function() {
var BV = new $.BigVideo();
BV.init();
BV.show('video/4stand_by_me_preview.mov.MP4',{doLoop:true});
});
$('.sub_menu1').hide();
$('.profile').click(function(){
$('ul.sub_menu1').slideUp();
if($('+ul.sub_menu1',this).css('display') == 'none'){
$('+ul.sub_menu1',this).slideDown();
}
});
</script>
</body>
</html>
<div id="section">
<h1>のほののの</h1>
<div class="ee"><a href="dd.html">dd</a></div>
<script>
$(function() {
$(".ee a").click(function() {
return false();
$(".dd a").click();
});
});
</script>
</div>
</div>
<script>
$(function() {
var BV = new $.BigVideo();
BV.init();
BV.show('video/4stand_by_me_preview.mov.MP4',{doLoop:true});
});
$('.sub_menu1').hide();
$('.profile').click(function(){
$('ul.sub_menu1').slideUp();
if($('+ul.sub_menu1',this).css('display') == 'none'){
$('+ul.sub_menu1',this).slideDown();
}
});
</script>
</body>
</html>
ここで聞くより、公式のAPIドキュメント読んだ方が例も載ってて役に立つと思う
google+とかで使われてる
下スクロールだとついてこないけど
上にスクロールすると出てくる上部のナビゲーションバー
みたいなののプラグインとか無いですか？
下スクロールだとついてこないけど
上にスクロールすると出てくる上部のナビゲーションバー
みたいなののプラグインとか無いですか？
質問させてください。
<html>
<head>
<title>test</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div style="height:3000px; width:3000px;"></div>
<script>
alert($(window).width() + " " + $(window).height()); //1663 3016
alert($(window).innerWidth() + " " + $(window).innerHeight()); //1663 3016
alert($(document).width() + " " + $(document).height()); //3008 3016 正常
</script>
</body>
</html>
19インチワイドのディスプレイ（画面解像度1680x1050）を使っています。
ウインドウのサイズを取得したいと思い、$(window).height()などを試してみました。
widthは正常な値が返ってくるのですが、heightに関してはスクロールの先の部分までの値が返ってきてしまいます。
ウインドウのサイズを400x400くらいにすると、widthは400くらい、heightはやはり3000を超える値が返ってきます。
ネットを見てると、この書き方で問題なさそうですが、なぜかうまくいきません。
何か原因として考えられるものがあれば教えてください。
よろしくお願いします。
【ブラウザ】Chrome, Safari, Firefox 最新版
【jQuery】1.10 1.9 1.8
<html>
<head>
<title>test</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div style="height:3000px; width:3000px;"></div>
<script>
alert($(window).width() + " " + $(window).height()); //1663 3016
alert($(window).innerWidth() + " " + $(window).innerHeight()); //1663 3016
alert($(document).width() + " " + $(document).height()); //3008 3016 正常
</script>
</body>
</html>
19インチワイドのディスプレイ（画面解像度1680x1050）を使っています。
ウインドウのサイズを取得したいと思い、$(window).height()などを試してみました。
widthは正常な値が返ってくるのですが、heightに関してはスクロールの先の部分までの値が返ってきてしまいます。
ウインドウのサイズを400x400くらいにすると、widthは400くらい、heightはやはり3000を超える値が返ってきます。
ネットを見てると、この書き方で問題なさそうですが、なぜかうまくいきません。
何か原因として考えられるものがあれば教えてください。
よろしくお願いします。
【ブラウザ】Chrome, Safari, Firefox 最新版
【jQuery】1.10 1.9 1.8
それ、1.7.2 あたりだとDOCTYPEがなくても正常な値が取れるね。
そのへんのリリースノートを見れば書いてあるかも。
そのへんのリリースノートを見れば書いてあるかも。
>>117
うん。そのぐらいの頃に
互換モードのサポートが終わった。
jQueryはもとから互換モードのサポートなんか
してなかったんやと言っているが、
実際は途中まではコードが入っていていた。
今は標準モードじゃないと正しいサイズが取得できない。
うん。そのぐらいの頃に
互換モードのサポートが終わった。
jQueryはもとから互換モードのサポートなんか
してなかったんやと言っているが、
実際は途中まではコードが入っていていた。
今は標準モードじゃないと正しいサイズが取得できない。
Bootstrapで作られてるサイトってすぐ判るよな。
ま、あれで要件満たせるならいいツールだよ。
予算無いプロジェクトなんかは、こういうツール使いがちだけど
客は予算無いくせにあれこれ要件増やそうとするが。
ま、あれで要件満たせるならいいツールだよ。
予算無いプロジェクトなんかは、こういうツール使いがちだけど
客は予算無いくせにあれこれ要件増やそうとするが。
ドラゴンクエストのワールドマップみたいな
画像を上下左右どちらもスクロールすると
無限ループするにはどうすればいいでしょうか？
画像を上下左右どちらもスクロールすると
無限ループするにはどうすればいいでしょうか？
>>132
こんな感じでどうだい？
(function(){
var fadeOut=true;
setInterval(function(){
if (fadeOut) {
$(".oya li a span img:nth-child(2)").fadeOut(2000);
fadeOut=false;
} else {
$(".oya li a span img:nth-child(2)").fadeIn(2000);
fadeOut=true;
}
},4000);
})();
こんな感じでどうだい？
(function(){
var fadeOut=true;
setInterval(function(){
if (fadeOut) {
$(".oya li a span img:nth-child(2)").fadeOut(2000);
fadeOut=false;
} else {
$(".oya li a span img:nth-child(2)").fadeIn(2000);
fadeOut=true;
}
},4000);
})();
答える方もちゃんとしたコードを書いてくれ。
(function runIt() {
$(".oya li a span img:nth-child(2)")
.fadeOut(2000).delay(2000)
.fadeIn(2000).delay(2000)
.queue(function(next) {
runIt();
next();
});
}());
長ったらしい「$(".oya li a span img:nth-child(2)"」が
二回も出てる所をどうにかしようと最初に考えてくれ。
コピペ禁止
(function runIt() {
$(".oya li a span img:nth-child(2)")
.fadeOut(2000).delay(2000)
.fadeIn(2000).delay(2000)
.queue(function(next) {
runIt();
next();
});
}());
長ったらしい「$(".oya li a span img:nth-child(2)"」が
二回も出てる所をどうにかしようと最初に考えてくれ。
コピペ禁止
> >>135はスクリプトの実行タイミングを考えないと動かないし、
スクリプトの実行タイミングってなんだ？
それは$()のことか？ なら問題の範囲外だろ。
> 要素が途中で増えたりするのに対応できないな。
そんな条件は出てないし、
それをいうのなら、他のやつだって、
要素が途中で増えた場合に対応できない。
必死すぎなんだよお前ｗ
スクリプトの実行タイミングってなんだ？
それは$()のことか？ なら問題の範囲外だろ。
> 要素が途中で増えたりするのに対応できないな。
そんな条件は出てないし、
それをいうのなら、他のやつだって、
要素が途中で増えた場合に対応できない。
必死すぎなんだよお前ｗ
要素が途中で増えるのなら、増やした時に、
(function runIt(obj) {
$(obj)
.fadeOut(2000).delay(2000)
.fadeIn(2000).delay(2000)
.queue(function(next) {
runIt(obj);
next();
});
}());
runIt(".oya li a span img:nth-child(2)");
runIt(増やした要素) を呼び出せばいい。
もとがいいから簡単な修正で柔軟性あげられるぞｗ
(function runIt(obj) {
$(obj)
.fadeOut(2000).delay(2000)
.fadeIn(2000).delay(2000)
.queue(function(next) {
runIt(obj);
next();
});
}());
runIt(".oya li a span img:nth-child(2)");
runIt(増やした要素) を呼び出せばいい。
もとがいいから簡単な修正で柔軟性あげられるぞｗ
>>139
> >>135ってDOM構築後に実行しないと動かないじゃん
setIntervalでも同じじゃんｗ
2秒後にDOM構築が終わってない場合は動かない。
そもそも何を使っても、DOM構築が終わってないと
動かないんだが、お前は何がいいたいんだ？
setIntervalを併用するならば>>135だって動くわけで、
コードがクソだって言われているのは、
setIntervalの中のコードだって理解してないの？
> DOM変更後の処理が必要になってしまうわけだね。
DOM変更する処理の次の行に入れればいいだけじゃん。
DOM変更するんだろ？ ならばその処理が有るだろ？
だいたいロジックが特定のセレクタに依存してる時点であり得ないし
お前、センス無いよ？
> >>135ってDOM構築後に実行しないと動かないじゃん
setIntervalでも同じじゃんｗ
2秒後にDOM構築が終わってない場合は動かない。
そもそも何を使っても、DOM構築が終わってないと
動かないんだが、お前は何がいいたいんだ？
setIntervalを併用するならば>>135だって動くわけで、
コードがクソだって言われているのは、
setIntervalの中のコードだって理解してないの？
> DOM変更後の処理が必要になってしまうわけだね。
DOM変更する処理の次の行に入れればいいだけじゃん。
DOM変更するんだろ？ ならばその処理が有るだろ？
だいたいロジックが特定のセレクタに依存してる時点であり得ないし
お前、センス無いよ？
色々なやり方やDOMについての説明や意見が聞けるので
とても有り難いです！
とても有り難いです！
>>142
いやさ、だからどのタイミングでも動くようにするってのは
条件にあった？ DOMが変更するなんて条件にあった？ないだろ？
勝手に条件つけるなよ。
それにそんな条件があるのなら、
setIntervalを使うとかするだけの話だろ。
簡単な修正でおわる。
後付で条件つけるなら、>>133はセレクタが変わった場合に
対応できないだろ。っていうぞ？
アニメーションがもっと複雑になった場合に修正が大変だっていうぞ。
>>138はセレクタが変わっても大丈夫だし、アニメーションも
増やすならメソッドチェーンに追加すればいいだけ。
センスが無いっていうのはない。
今回の場合にしか使えず、条件が変わると修正が多くなるような
コードを書くやつのことを言うんだ。
いやさ、だからどのタイミングでも動くようにするってのは
条件にあった？ DOMが変更するなんて条件にあった？ないだろ？
勝手に条件つけるなよ。
それにそんな条件があるのなら、
setIntervalを使うとかするだけの話だろ。
簡単な修正でおわる。
後付で条件つけるなら、>>133はセレクタが変わった場合に
対応できないだろ。っていうぞ？
アニメーションがもっと複雑になった場合に修正が大変だっていうぞ。
>>138はセレクタが変わっても大丈夫だし、アニメーションも
増やすならメソッドチェーンに追加すればいいだけ。
センスが無いっていうのはない。
今回の場合にしか使えず、条件が変わると修正が多くなるような
コードを書くやつのことを言うんだ。
訂正
センスが無いっていうのはな、
今回の場合にしか使えず、条件が変わると修正が多くなるような
コードを書くやつのことを言うんだ。
センスが無いっていうのはな、
今回の場合にしか使えず、条件が変わると修正が多くなるような
コードを書くやつのことを言うんだ。
>>138って元からある要素と増やした要素のフェードインアウトのタイミング一致する？
セレクタ変更とかの場合に変更前のタイマーの解除とかいらんの？
セレクタ変更とかの場合に変更前のタイマーの解除とかいらんの？
> 元からある要素と増やした要素のフェードインアウトのタイミング一致する？
一致させるという条件はでていない。
一致させたくないかもしれないだろ。
なんでこう自分の都合のいいように考えるかなｗ
何も条件がないなら、そこはどうやったっていい。
一致させるという条件はでていない。
一致させたくないかもしれないだろ。
なんでこう自分の都合のいいように考えるかなｗ
何も条件がないなら、そこはどうやったっていい。
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [98%] - 2013/5/20 7:00
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [98%] - 2012/10/8 22:30
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- JavaScript ライブラリ総合質問所 vol.4 (985) - [75%] - 2015/12/16 15:00
- jQuery ライブラリ 総合質問所 vol.4 (986) - [65%] - 2016/1/12 15:15
- 1行javascriptプログラミング (431) - [30%] - 2022/8/23 15:30
トップメニューへ / →のくす牧場書庫について