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

みんなの評価 :
レスフィルター : (試験中)
質問させてください。
jquery.flatheights.jsというスクリプトを利用させて頂いてます。
http://www.akatsukinishisu.net/itazuragaki/js/i20070801.html
このスクリプトでは指定した要素の高さを合わせるという処理をしてくれます。
(要素にcssでコンテンツの高さに合わせたheight要素を追加してくれる)
このスクリプトでウィンドウサイズを変えた時、
すでに指定した要素に挿入されたheightの値をリセットしたいんです。
(特定のウィンドウサイズ以下になった時にリセットしたいため)
良い方法はないでしょうか?
jquery.flatheights.jsというスクリプトを利用させて頂いてます。
http://www.akatsukinishisu.net/itazuragaki/js/i20070801.html
このスクリプトでは指定した要素の高さを合わせるという処理をしてくれます。
(要素にcssでコンテンツの高さに合わせたheight要素を追加してくれる)
このスクリプトでウィンドウサイズを変えた時、
すでに指定した要素に挿入されたheightの値をリセットしたいんです。
(特定のウィンドウサイズ以下になった時にリセットしたいため)
良い方法はないでしょうか?
input の range で発生するイベントをJQでハンドリングしたいとおもっております。
スライダーを手放した直後に発生するイベントを探して
Bindしたいのですがどうも見つかりません。
changeイベントで対応するしかないのでしょうか?
スライダーを手放した直後に発生するイベントを探して
Bindしたいのですがどうも見つかりません。
changeイベントで対応するしかないのでしょうか?
・ウィンドウサイズが特定のサイズ以下になったか判定
・CSSのheightを削除
・並び替える
この3つをやるだけだろ?
ソースを変更する必要すらないだろう
3つのやり方が全く分かってないのに、それを1から教えるだけの紙面はない
・CSSのheightを削除
・並び替える
この3つをやるだけだろ?
ソースを変更する必要すらないだろう
3つのやり方が全く分かってないのに、それを1から教えるだけの紙面はない
jQuery経験者の皆様に質問ですが
クロスブラウザ問題はどのくらいあるもんなんでしょうか?
古いIEやスマホでもそこそこちゃんと動きますか?
クロスブラウザ問題はどのくらいあるもんなんでしょうか?
古いIEやスマホでもそこそこちゃんと動きますか?
>>605
レスありがとうございます。
頻繁にアップデートを行いたくないため、
確定した最後の1回だけ処理できたらとおもっています。
rangeで発生するイベント一覧などご存知でしたら、
紹介していただけたらと思っております。
レスありがとうございます。
頻繁にアップデートを行いたくないため、
確定した最後の1回だけ処理できたらとおもっています。
rangeで発生するイベント一覧などご存知でしたら、
紹介していただけたらと思っております。
イベントのたびに更新するんじゃなくて
間引く処理を自分で書くといいよ
俺ならそうする
・イベントが発生しても前回から1秒経ってなかったら更新しない
・1秒間イベントが発生しなかったら「確定した最後の1回」と見なして更新する
例えば、テキストボックスの入力文字数(や残り文字数)を数える奴も同様だな
間引く処理を自分で書くといいよ
俺ならそうする
・イベントが発生しても前回から1秒経ってなかったら更新しない
・1秒間イベントが発生しなかったら「確定した最後の1回」と見なして更新する
例えば、テキストボックスの入力文字数(や残り文字数)を数える奴も同様だな
>>608
特にCSS制御が絡むと、古いIEは死ねる
IE6はサポート外にすべし
IE7もできればサポート外にすべし
サポートして良いのはIE8以降にしないと
開発&保守コストがかさむだけで、誰も幸せになれない
スマホ対応前提なら、jQuery Mobileあたりでラップしちゃえ
独自にゴリゴリやるとこれまた大変
特にCSS制御が絡むと、古いIEは死ねる
IE6はサポート外にすべし
IE7もできればサポート外にすべし
サポートして良いのはIE8以降にしないと
開発&保守コストがかさむだけで、誰も幸せになれない
スマホ対応前提なら、jQuery Mobileあたりでラップしちゃえ
独自にゴリゴリやるとこれまた大変
OSとべったり融合してる糞ブラウザで動作確認しようとは思わないな
標準的な方法では他のバージョンをインストールできないし
標準的な方法では他のバージョンをインストールできないし
>>616
615です。
ありがとうございました!
確かにあの指定だと複数の箇所にanimateがかかっていてその分アニメーションしていますね。
理由もわかって解決できました。
ありがとうございました!
615です。
ありがとうございました!
確かにあの指定だと複数の箇所にanimateがかかっていてその分アニメーションしていますね。
理由もわかって解決できました。
ありがとうございました!
>>611
なるほど、自力で間引いてみます。
なるほど、自力で間引いてみます。
$("#id1").load(url)
のようにページの一部を取得した後、取得したページに含まれている要素を$("#id2")のように取り出そうとしましたができません(空っぽの要素が返ってくる)
loadで取得したDOMは操作できない仕様ですか?
のようにページの一部を取得した後、取得したページに含まれている要素を$("#id2")のように取り出そうとしましたができません(空っぽの要素が返ってくる)
loadで取得したDOMは操作できない仕様ですか?
取得したページに対して操作してないのが原因じゃないか?
ソースを示してみろ
ソースを示してみろ
$("#id1").load(url);
console.log($("#id1")); // 確認その1
console.log($("#id2")); // 確認その2
確認その1ではちゃんとid1の内側にid2が入っている
確認その2の出力が空っぽ
urlで取得するDOM
<div id="id2">
うんたらかんたら
</div>
みたいな感じ
です
console.log($("#id1")); // 確認その1
console.log($("#id2")); // 確認その2
確認その1ではちゃんとid1の内側にid2が入っている
確認その2の出力が空っぽ
urlで取得するDOM
<div id="id2">
うんたらかんたら
</div>
みたいな感じ
です
そうだったか。調べたらコールバックが指定できたのでそれで解決しました。㌧
どのUIライブラリーを使うのが無難かアドバイスを下さい。
C++や.NET系でそれなりに開発経験は上から下まであるんですが、HTML、javascriptなど素人なのにプロトタイプを作るというムチャぶりが来ました。
株式の値段のように、変更があったところをブリンクさせるとかグラフとかポータルのようなパネルレイアウトとかがいるようなんですが、UI周りのライブラリーとしてどのへんを使うべきかのご意見を頂きたいです。
グラフ周りは別物っぽいのでベースとなるもの?について特に頂ければ。
一つ候補に上がっているのはJQueryEasyUIです。
C++や.NET系でそれなりに開発経験は上から下まであるんですが、HTML、javascriptなど素人なのにプロトタイプを作るというムチャぶりが来ました。
株式の値段のように、変更があったところをブリンクさせるとかグラフとかポータルのようなパネルレイアウトとかがいるようなんですが、UI周りのライブラリーとしてどのへんを使うべきかのご意見を頂きたいです。
グラフ周りは別物っぽいのでベースとなるもの?について特に頂ければ。
一つ候補に上がっているのはJQueryEasyUIです。
jQuery.getJSONについて質問です。
ドキュメントhttp://api.jquery.com/jQuery.getJSON/ によると
$,getJSON("URL", function(){ ... }).error( function(){ ... } );
でエラー時のコールバックを書けることになっていますが、不正なJSONを返すURL、そもそも404なURLなどを指定してもerror時コールバックが呼ばれません。
これはどのような時に呼ばれるのでしょう?
ドキュメントhttp://api.jquery.com/jQuery.getJSON/ によると
$,getJSON("URL", function(){ ... }).error( function(){ ... } );
でエラー時のコールバックを書けることになっていますが、不正なJSONを返すURL、そもそも404なURLなどを指定してもerror時コールバックが呼ばれません。
これはどのような時に呼ばれるのでしょう?
jQuery Mobileで動く、本のページをめくるようなアニメーションのプラグインってありますか?
これは試してみたんですが、ちょっと重たいのでより軽いものがいいのですが。
http://www.turnjs.com/
これは試してみたんですが、ちょっと重たいのでより軽いものがいいのですが。
http://www.turnjs.com/
お手上げなので質問です。
現在jQueryプラグインの、「lofslidernews」というスライドショーを使っています。
これをautoで使ってるのですが、マウスオーバーで一時停止するようにしたいです。
そこで、pauseOnHove:trueや、pause:trueを追加してみたのですが、機能しません。
どこをコードのどこをいじればよいでしょうか?
よろしくお願いします。
$(document).ready( function(){
var buttons = { previous:$('#main_slide .lof-next') ,
next:$('#main_slide .lof-previous') };
$obj = $('#main_slide').lofJSidernews( { interval : 6000,
direction : 'opacitys',
easing : 'easeOutBounce',
duration : 1200,
auto : true,
isPreloaded : false,
maxItemDisplay : 3,
navPosition : 'horizontal', // horizontal
navigatorHeight : 32,
navigatorWidth : 80,
mainWidth:714,
buttons : buttons} );
});
現在jQueryプラグインの、「lofslidernews」というスライドショーを使っています。
これをautoで使ってるのですが、マウスオーバーで一時停止するようにしたいです。
そこで、pauseOnHove:trueや、pause:trueを追加してみたのですが、機能しません。
どこをコードのどこをいじればよいでしょうか?
よろしくお願いします。
$(document).ready( function(){
var buttons = { previous:$('#main_slide .lof-next') ,
next:$('#main_slide .lof-previous') };
$obj = $('#main_slide').lofJSidernews( { interval : 6000,
direction : 'opacitys',
easing : 'easeOutBounce',
duration : 1200,
auto : true,
isPreloaded : false,
maxItemDisplay : 3,
navPosition : 'horizontal', // horizontal
navigatorHeight : 32,
navigatorWidth : 80,
mainWidth:714,
buttons : buttons} );
});
jQueryからCSS3のlinear-gradientを操作できません。
そういうものなのでしょうか?
$('#'+id).css('background', 'linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-webkit-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-moz-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('visibility', 'hidden');
テストとして入れてる4行目は効いてるので
1~3行目も通過してるはずなのですが。
そういうものなのでしょうか?
$('#'+id).css('background', 'linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-webkit-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-moz-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('visibility', 'hidden');
テストとして入れてる4行目は効いてるので
1~3行目も通過してるはずなのですが。
>>637
関数じゃないし
関数じゃないし
もう解決してしまっているようだけど、
こういう時はjQuery使わず書いてみると、どこが悪いのかわかるよ。
こういう時はjQuery使わず書いてみると、どこが悪いのかわかるよ。
Sencha Touchのdivとかに付加されるidって自動採番か。。。
jQueryと共存できても、Sencha touchで生成されるUIに対して
jQuery用のvalidationプラグインとかを適用するのは無理っぽいな
jQueryと共存できても、Sencha touchで生成されるUIに対して
jQuery用のvalidationプラグインとかを適用するのは無理っぽいな
jQuery Mobileにて、検索フォームの初期値をJavaScriptで書き換えたいのですが、typeをsearchにするとできません。
//HTML
<input type="search" id="hoge" value="">
//JavaScript
document.getElementById("hoge").value="ほげ";
typeをtextなどにすると変更されるのですが、searchだけ変更されないのはなぜでしょうか?
//HTML
<input type="search" id="hoge" value="">
//JavaScript
document.getElementById("hoge").value="ほげ";
typeをtextなどにすると変更されるのですが、searchだけ変更されないのはなぜでしょうか?



類似してるかもしれないスレッド
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [98%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [98%] - 2013/5/20 7:00
- JavaScript ライブラリ総合質問所 vol.4 (985) - [75%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- jQuery ライブラリ 総合質問所 vol.4 (986) - [65%] - 2016/1/12 15:15
- 1行javascriptプログラミング (431) - [30%] - 2022/8/23 15:30
トップメニューへ / →のくす牧場書庫について