タグ付けされた質問 「jquery」

jQueryはJavaScriptライブラリです。JavaScriptタグの追加も検討してください。jQueryは人気のあるクロスブラウザーJavaScriptライブラリであり、ブラウザー間の不一致を最小限に抑えることで、ドキュメントオブジェクトモデル(DOM)トラバーサル、イベント処理、アニメーション、AJAXインタラクションを促進します。jQueryのタグが付いた質問はjQueryに関連している必要があるため、問題のコードはjQueryを使用する必要があり、少なくともjQueryの使用法に関連する要素を質問に含める必要があります。

3
テキストボックスにラベルではなく値を適用するオートコンプリート
オートコンプリートを正しく機能させるのに問題があります。 それはすべて私には大丈夫に見えますが.... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.item.label); } }); }); </script> <div> <input id="customer-search" /> </div> @Html.Hidden("selected-customer") ただし、ドロップダウンからアイテムを選択すると、ラベルではなくテキストボックスに値が適用されます。 私は何を間違えましたか? firebugを使用してソースを見ると、非表示フィールドが正しく更新されていることがわかります。

5
jqueryを使用してラジオのイベントをクリックまたは変更します
ページにいくつかの無線があり、チェックされた無線が変更されたときに何かをしたいのですが、コードがIEで機能しません。 $('input:radio').change(...); そしてグーグルした後、人々は代わりにクリックを使用することを提案します。しかし、それは機能しません。 これはサンプルコードです: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $('document').ready( function(){ $('input:radio').click( function(){ alert('changed'); } ); } ); </script> </head> <body> <input type="radio" name="testGroup" id="test1" />test1<br/> <input type="radio" name="testGroup" id="test2" />test2<br/> <input type="radio" name="testGroup" id="test3" />test3</br> </body> </html> また、IEでは機能しません。 だから私は何が起こっているのか知りたいですか? また、チェックされたラジオをクリックすると、変更イベントが再トリガーされるのではないかと心配しています。 更新: コメントを追加できないので、ここに返信します。 私はIE8を使用していますが、Furqanが提供するリンクもIE8では機能しません。何故かはわからない...

22
プロのjQueryベースのコンボボックスコントロール?[閉まっている]
閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか?質問を更新して、 StackOverflowのトピックになります。 5年前に閉鎖されました。 この質問を改善する いずれかがあります プロのjQueryライブラリに基づいて、ComboBoxコントロール(自己暗示を持つドロップダウンリストが)? 大規模なデータセットを処理でき、いくつかのスキニングオプションがあるはずです。複数列の結果リストは、あまりにも素晴らしいことです。私はASP.NETを使用していますが、ラッパーを作成する必要がある場合は問題ありません。 私はすでにサードパーティのコントロールを使用していますが、2つのベンダーのコントロール間で互換性の問題が発生しました。さて、私はこの種の依存関係を取り除きたいです。

4
Nugetを(2.xにアップグレードする代わりに)jQuery 1.9.x / 1.xパスに保持できますか?
ほとんどの人と同じように、私はjQueryNugetパッケージを使用して最新の状態に保っています。 ただし、jQuery 2.0のリリースに伴い、jQuery1.9.1を2.0にアップグレードするように求められます。この時点で私は、私はむしろ1.9.xとに固執したいというブラウザの「古代」のバージョンを使用して、私のサイト間で十分な訪問者の持っているjQueryの移行を。 パッケージ(jQueryなど)の更新を確認するときに、特定のバージョン(1.9.x)を使用するようにNugetに指示する方法はありますか? Visual Studio 2010/2012拡張機能を使用していますが、この問題を回避するためにVS内のコマンドラインインターフェイスを使用する必要がある場合は、必ず使用します。 注:私の心の奥にあることの1つは、彼らがアップデートを台無しにしたことです。jQuery1.9.xと2.0.x / 2.xはかなり異なるため、代わりにjQuery 2(.0.x | .x)パッケージを作成する必要があったようです。 もちろん、実際に2.xに更新したい人は、それについて知って、インストールするパッケージを切り替える必要があります。しかし、それが重大な変更を含んでいることを考えると、多分それはより良いですか?
86 jquery  nuget 


3
jQueryを使用してdivの表示される高さを取得します
スクロール可能な領域内のdivの表示されている高さを取得する必要があります。私は自分自身をjQueryでかなりまともだと思っていますが、これは完全に私を失望させています。 黒のラッパー内に赤のdivがあるとしましょう: 上の図では、jQuery関数はdivの表示部分である248を返します。 上の図のように、ユーザーがdivの上部を超えてスクロールすると、296が報告されます。 これで、ユーザーがdivを超えてスクロールすると、再び248が報告されます。 明らかに、私の番号はこのデモのように一貫性があり明確ではないか、またはそれらの番号をハードコーディングするだけです。 私には少し理論があります: ウィンドウの高さを取得します divの高さを取得します ウィンドウの上部からdivの初期オフセットを取得します ユーザーがスクロールするときにオフセットを取得します。 オフセットが正の場合、divの上部がまだ表示されていることを意味します。 負の場合、divの上部がウィンドウによって隠されています。この時点で、divがウィンドウの高さ全体を占めるか、divの下部が表示されている可能性があります。 divの下部が表示されている場合は、divとウィンドウの下部との間のギャップを把握します。 とてもシンプルに見えますが、頭を包むことができません。明日の朝、またひびを入れます。私はちょうどあなたの天才の何人かが助けることができるかもしれないと思いました。 ありがとう! 更新:私はこれを自分で理解しましたが、以下の答えの1つがよりエレガントであるように見えるので、代わりにそれを使用します。好奇心旺盛な方のために、私が思いついたものは次のとおりです。 $(document).ready(function() { var windowHeight = $(window).height(); var overviewHeight = $("#overview").height(); var overviewStaticTop = $("#overview").offset().top; var overviewScrollTop = overviewStaticTop - $(window).scrollTop(); var overviewStaticBottom = overviewStaticTop + $("#overview").height(); var overviewScrollBottom = windowHeight - (overviewStaticBottom - …


10
jquery:$(window).scrollTop()、ただし$(window).scrollBottom()はありません
ユーザーがページをスクロールするたびに、ページの下部に要素を配置したいと思います。これは「固定位置」のようなものですが、クライアントのブラウザの多くがそれをサポートできないため、「位置:固定」cssを使用できません。 jqueryが現在のビューポートの上部の位置を取得できることに気付きましたが、スクロールビューポートの下部を取得するにはどうすればよいですか? だから私は知る方法を尋ねています:$(window).scrollBottom()

15
JqueryUIツールチップはhtmlコンテンツをサポートしていません
今日、私はすべてのjQueryプラグインをjQuery1.9.1でアップグレードしました。そして、jquery.ui.1.10.2でjQueryUIツールチップを使い始めました。すべてが良かった。しかし、コンテンツで(titleツールチップを適用していた要素の属性で)HTMLタグを使用したとき、HTMLがサポートされていないことに気付きました。 これは私のツールチップのスクリーンショットです: 1.10.2のjQueryUIツールチップでHTMLコンテンツを機能させるにはどうすればよいですか?

5
jQuery-クラスの要素から属性の値のリストを取得します
.objectという属性を持つクラスがありますlevel。levelページ上のすべての異なる値のリストを取得して、最も高い値を選択できるようにします。 私が次のようなことをした場合: $(".object").attr("level") ...レベル属性の値である値のリストが表示されますか?私はそうは思わないが、それではどうやってそのようなことをするのか? 注:より一般的な操作用のHTMLオブジェクトを選択するのではなく、属性の値を選択したいと思います。 編集:最高の「レベル」を得るために私はこれを行いましたが、うまくいかないようです。私は今、他の提案された方法を試してみます。 var highLevel=0; $.each(".object[level]", function(i, value) { if (value>highLevel) { highLevel=value; } }); alert(highLevel);

6
ドロップダウンのトリガー変更イベント
jqueryを使用して$(document).readyのドロップダウンの変更イベントをトリガーしたいと思います。 ユーザーの詳細ページに国と州のカスケードドロップダウンがあります。C#を使用してMVCで国と州の値(ユーザーIDに基づいてDBから取得)を設定するにはどうすればよいですか?

6
jQueryプラグイン:コールバック機能の追加
プラグインのコールバック機能を提供しようとしていますが、従来の方法で動作させたいと考えています。 myPlugin({options}, function() { /* code to execute */ }); または myPlugin({options}, anotherFunction()); コードでそのパラメーターを処理するにはどうすればよいですか?それは1つの完全なエンティティとして扱われますか?実行コードをどこに配置するかはわかっていると確信していますが、コードを実行するにはどうすればよいですか?私はそのトピックに関する多くの文献を見つけることができないようです。

7
テーブルセル(td)から対応するテーブルヘッダー(th)を取得するにはどうすればよいですか?
次のテーブルがある場合、各td要素に対応するテーブルヘッダーを取得するにはどうすればよいですか? <table> <thead> <tr> <th id="name">Name</th> <th id="address">Address</th> </tr> </thead> <tbody> <tr> <td>Bob</td> <td>1 High Street</td> </tr> </tbody> </table> 現在td、すでに利用可能な要素のいずれかがあるとすると、対応するth要素をどのように見つけることができますか? var $td = IveGotThisCovered(); var $th = GetTableHeader($td);

10
click()の代わりにjQuery on()を使用する理由
現在、クリックが発生したときに何かをする必要があるときにjQueryを使用して、次のようにします... $(".close-box").click( function() { MoneyBox.closeBox(); return false; }); 私は他の誰かがプロジェクトに持っているいくつかのコードを見ていました、そして彼らはこのようにそれをします... $(".close-box").live("click", function () { MoneyBox.closeBox(); return false; }); 現在非推奨になっているlive()関数を使用していることを除いて、私が知る限り同じことをしているように見え、jQueryドキュメントはon()代わりに使用すると言っていますが、どちらの方法でも、最初の例の代わりにlive / on()を使用するのはなぜですか?

8
クリック時にチェックボックスがチェックされていないかどうかを確認します-jQuery
ユーザーがチェックボックスをクリックしたときに、チェックボックスがオフになっていないかどうかを確認したいと思います。これは、ユーザーがチェックボックスをオフにしたときに検証を実行したいためです。少なくとも1つのチェックボックスをオンにする必要があるためです。したがって、最後のチェックを外すと、自動的に再度チェックされます。 jQueryを使用すると、チェックされているかどうかを簡単に確認できます。 $('#check1').click(function() { if($(this).is(':checked')) alert('checked'); else alert('unchecked'); }); しかし、実際には、チェックボックスがオフになったかどうかをチェックするifステートメントのみが必要です。 だから私は次のコードでそれを行うことができると思いました: $('#check2').click(function() { if($(this).not(':checked')) alert('unchecked'); else alert('checked'); }); ただし、これには常に「チェックされていない」メッセージが表示されます。本当に私が期待していたものではありません... デモ: http ://jsfiddle.net/tVM5H/ したがって、最終的には次のようなものが必要になります。 $('#check2').click(function() { if($(this).not(':checked')) { // Got unchecked, so something!!! } }); しかし、明らかにこれは機能しません。最初の例は使いたくありません。必要なのは「if」ステートメントが1つだけの場合、不要な「else」ステートメントがあるからです。 まず最初に、これはjQueryのバグですか?私にはそれは予期しない振る舞いです。そして第二に、誰かが良い代替案を考えていますか?
86 jquery 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.