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

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

25
クリックでTwitter Bootstrap Tooltipコンテンツを変更する
クリックでAJAXリクエストを送信するアンカー要素のツールチップがあります。この要素には、ツールチップがあります(Twitter Bootstrapから)。AJAXリクエストが正常に戻ったときにツールチップのコンテンツを変更したいのですが。開始後にツールチップをどのように操作できますか?


15
jQueryで画像が読み込まれているかどうか(エラーがないかどうか)を確認
JavaScriptとjQueryライブラリを使用して、順序付けられていないリストに含まれている画像のサムネイルを操作しています。画像が読み込まれると1つの処理が実行され、エラーが発生すると別の処理が実行されます。イベントとしてjQuery load()とerror()メソッドを使用しています。これらのイベントの後、私は.completeの画像DOM要素をチェックして、jQueryがイベントを登録する前に画像がまだロードされていないことを確認します。 jQueryがイベントを登録する前にエラーが発生した場合を除いて、正しく動作します。私が考えることができる唯一の解決策は、img onerror属性を使用してグローバルに(またはそれ自体のノードで)どこかに「フラグ」を格納して、jQueryが.completeをチェックするときにその「ストア/ノード」をチェックできるようにすることです。 誰かがより良い解決策を持っていますか? 編集:太字の主なポイントと以下の追加の詳細を追加しました: 画像にロードイベントとエラーイベントを追加した後、画像が完全(別名:ロード)であるかどうかを確認しています。そうすれば、イベントが登録される前にイメージがロードされた場合でも、私はそれを知ることができます。イベントの後に画像がロードされない場合は、イベントがイベントを処理します。これの問題は、画像が既にロードされているかどうかを簡単に確認できることですが、代わりにエラーが発生したかどうかはわかりません。

12
jQuery-選択したオプションからカスタム属性を取得する
次の場合: <select id="location"> <option value="a" myTag="123">My option</option> <option value="b" myTag="456">My other option</option> </select> <input type="hidden" id="setMyTag" /> <script> $(function() { $("#location").change(function(){ var element = $(this); var myTag = element.attr("myTag"); $('#setMyTag').val(myTag); }); }); </script> これは機能しません... 選択が変更されたときに非表示フィールドの値をmyTagの値に更新するために何をする必要がありますか。現在選択されている値を取得するために何かする必要があると思います...?
224 jquery 

3
X-Requested-Withヘッダーのポイントは何ですか?
jQueryおよびその他のフレームワークは、次のヘッダーを追加します。 X-Requested-With:XMLHttpRequest なぜこれが必要なのですか?サーバーがAJAXリクエストを通常のリクエストとは異なる方法で処理したいのはなぜですか? 更新:私はこのヘッダーを使用して実際の例を見つけました:https : //core.spreedly.com/manual/payment-methods/adding-with-js。支払いプロセッサがAJAXなしで要求された場合、処理が完了すると元のWebサイトにリダイレクトされます。AJAXで要求された場合、リダイレクトは行われません。


7
event.returnValueは非推奨です。代わりに標準のevent.preventDefault()を使用してください
私はこのスクリプトを持っています: <script> $(document).ready(function () { $("#changeResumeStatus").click(function () { $.get("{% url 'main:changeResumeStatus' %}", function (data) { if (data['message'] == 'hidden') { $("#resumeStatus").text("скрыто"); } else { $("#resumeStatus").text("опубликовано"); } }, "json"); }); }); </script> Google Chromeコンソールに次のエラーが表示されます。 event.returnValueは非推奨です。代わりに、標準のevent.preventDefault()を使用してください。 私はjQuery v1.10.2を使用し#changeResumeStatusてい<span>ます。 スクリプトの何が問題になっていますか?
222 javascript  jquery  ajax 

4
jQueryで複数のクラスを選択する
私は見栄えがよく、次のような1つのjQueryセレクターステートメントで特定のクラスに一致するすべての要素を選択する方法を見つけることができないようです。 $('.myClass', '.myOtherClass').removeClass('theclass'); これを達成する方法に関するアイデアはありますか?他の唯一のオプションは行うことです $('.myClass').removeClass('theclass'); $('.myOtherClass').removeClass('theclass'); しかし、私はこれをかなりの数のクラスで実行しているため、多くのコードが必要です。

13
ユーザーが上にスクロールしない限り、オーバーフローdivを下にスクロールし続ける
大きさが300ピクセルしかないdivがあり、ページの読み込み時にコンテンツの下部までスクロールしたい。このdivにはコンテンツが動的に追加されており、下にスクロールし続ける必要があります。ユーザーが上にスクロールすることを決定した場合、ユーザーが再び下にスクロールするまで、下にジャンプしたくない ユーザーが上にスクロールしない限り、一番下までスクロールしたままのdivを設定できます。ユーザーが下にスクロールすると、新しい動的コンテンツが追加された場合でも、一番下に表示される必要があります。これを作成するにはどうすればいいですか。
222 javascript  jquery  html  css  scroll 

8
jQueryプラグインがロードされているかどうかを確認するにはどうすればよいですか?
特定のプラグインが利用可能かどうかを確認する方法はありますか? ロードされている別のプラグインに依存するプラグインを開発していると想像してください。 たとえば、jQuery ValidationプラグインでdateJSライブラリを使用して、指定された日付が有効かどうかを確認します。dateJSが利用可能である場合、jQuery Valdationプラグインで検出する最良の方法は何ですか?

10
画面の幅が960ピクセル未満の場合に何かを行う
画面の幅が960ピクセル未満の場合、jQueryで何かを実行するにはどうすればよいですか?以下のコードは、ウィンドウサイズに関係なく、常に2番目のアラートを発生させます。 if (screen.width < 960) { alert('Less than 960'); } else { alert('More than 960'); }
221 javascript  jquery 

8
jQueryは選択からオプションを削除します
5つのselectがあり、すべてにクラス名「ct」があるページがあります。onclickイベントの実行中に、各選択から値「X」のオプションを削除する必要があります。私のコードは: $(".ct").each(function() { $(this).find('X').remove(); }); どこがいけないの?

24
navigator.geolocation.getCurrentPositionが機能する場合と機能しない場合がある
だから私はnavigator.geolocation.getCurrentPosition jammyを使用するかなり単純なJSを持っています。 $(document).ready(function(){ $("#business-locate, #people-locate").click(function() { navigator.geolocation.getCurrentPosition(foundLocation, noLocation); }); navigator.geolocation.getCurrentPosition(foundLocation, noLocation); function foundLocation(position) { var lat = position.coords.latitude; var lon = position.coords.longitude; var userLocation = lat + ', ' + lon; $("#business-current-location, #people-current-location").remove(); $("#Near-Me") .watermark("Current Location") .after("<input type='hidden' name='business-current-location' id='business-current-location' value='"+userLocation+"' />"); $("#people-Near-Me") .watermark("Current Location") .after("<input type='hidden' name='people-current-location' id='people-current-location' value='"+userLocation+"' …

9
AJAXファイルのアップロードにFormDataを使用する方法
これは、ドラッグアンドドロップ機能を使用して動的に生成する私のHTMLです。 <form method="POST" id="contact" name="13" class="form-horizontal wpc_contact" novalidate="novalidate" enctype="multipart/form-data"> <fieldset> <div id="legend" class=""> <legend class="">file demoe 1</legend> <div id="alert-message" class="alert hidden"></div> </div> <div class="control-group"> <!-- Text input--> <label class="control-label" for="input01">Text input</label> <div class="controls"> <input type="text" placeholder="placeholder" class="input-xlarge" name="name"> <p class="help-block" style="display:none;">text_input</p> </div> <div class="control-group"> </div> <label class="control-label">File Button</label> <!-- File …
220 php  jquery  ajax 


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