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

私が最初にJavascript / jQueryを使い始めたとき、document.readyを使うように言われましたが、その理由を本当に知りませんでした。 誰かがjavascript / jqueryコードをjQueryの中にラップするのが理にかなっているときについていくつかの基本的なガイドラインを提供するかもしれdocument.readyませんか？ 興味のあるトピック： jQueryの.on()メソッド：.on()AJAX のメソッドをかなり使用しています（通常、動的に作成されたDOM要素に対して）。必要がある.on()クリックハンドラは常になる内部 document.ready？ パフォーマンス：さまざまなjavascript / jQueryオブジェクトを document.readyの内部または外部に保持する方がパフォーマンスが高いですか（また、パフォーマンスの違いは重要ですか？）？ オブジェクトスコープ：AJAXで読み込まれたページは、前のページのdocument.ready 内にあったオブジェクトにアクセスできません。よろしいですか？document.readyの外部にあるオブジェクト（つまり、本当に「グローバル」なオブジェクト）にのみアクセスできますか？ 更新：ベストプラクティスに従うために、すべてのJavaScript（jQueryライブラリとアプリのコード）はHTMLページの下部にありdefer、AJAXでロードされたページでjQueryを含むスクリプトの属性を使用して、これらのページでjQueryライブラリにアクセスできます。

107 javascript  jquery  dom  event-handling  document-ready 

私は職場で内部Webアプリケーションに取り組んでいます。IE10ではリクエストは正常に機能しますが、Chromeでは、すべてのAJAXリクエスト（多数あります）は、指定したメソッドではなく、OPTIONSを使用して送信されます。技術的には、私の要求は「クロスドメイン」です。このサイトはlocalhost：6120で提供されており、AJAXリクエストを送信するサービスは57124にあります。このクローズされたjqueryバグは問題を定義していますが、実際の修正ではありません。 ajaxリクエストで適切なhttpメソッドを使用するにはどうすればよいですか？ 編集： これは、すべてのページのドキュメントロードにあります。 jQuery.support.cors = true; そして、すべてのAJAXは同様に構築されています。 var url = 'http://localhost:57124/My/Rest/Call'; $.ajax({ url: url, dataType: "json", data: json, async: true, cache: false, timeout: 30000, headers: { "x-li-format": "json", "X-UserName": userName }, success: function (data) { // my success stuff }, error: function (request, status, error) { // my error …

107 jquery  ajax  cross-domain 

$.ajax失敗した場合の3つのパラメーターの名前に関するドキュメントが見つかりません。 今、私はただ使っています： .fail(function(A, B, C) {

107 jquery  ajax 

私は問題を抱えています。ラジオボタングループ内のラジオボタンが1つもチェックされていない場合はJQueryでチェックする必要があります。これにより、ユーザーがオプションをチェックし忘れた場合にjavascriptエラーを発生させることができます。 次のコードを使用して値を取得しています var radio_button_val = $("input[name='html_elements']:checked").val();

107 jquery 

jQueryで「ホバー」のバインドを解除するにはどうすればよいですか？ これは動作しません： $(this).unbind('hover');

107 javascript  jquery 

jQuery v1.7.2 実行中に次のエラーが発生するこの関数があります。 Uncaught TypeError: Illegal invocation これが関数です： $('form[name="twp-tool-distance-form"]').on('submit', function(e) { e.preventDefault(); var from = $('form[name="twp-tool-distance-form"] input[name="from"]'); var to = $('form[name="twp-tool-distance-form"] input[name="to"]'); var unit = $('form[name="twp-tool-distance-form"] input[name="unit"]'); var speed = game.unit.speed($(unit).val()); if (!/^\d{3}\|\d{3}$/.test($(from).val())) { $(from).css('border-color', 'red'); return false; } if (!/^\d{3}\|\d{3}$/.test($(to).val())) { $(to).css('border-color', 'red'); return false; } var data = …

107 jquery  ajax  post 

私は上記の方法を使用しています＆それはURLの1つのパラメーターでうまく機能します。 たとえばStudents/getstud/1、コントローラ/アクション/パラメータの形式が適用される場所。 これで、2つのパラメーターを受け入れてJSONオブジェクトを返す、Studentsコントローラーにアクションがあります。 では、$.getJSON()postメソッドを使用してデータを投稿するにはどうすればよいですか？ 同様の方法も受け入れられます。 ポイントは、AJAXでコントローラーのアクションを呼び出すことです。

107 jquery  asp.net-mvc  post  http-post  getjson 

問題を詳しく説明しましょう： 要素の上にカーソルを置いたときに絶対位置のdivを表示したい。これはjQueryを使用すると非常に簡単で、問題なく動作します。ただし、マウスがいずれかの子要素の上に移動すると、含まれているdivのmouseoutイベントがトリガーされます。子要素にカーソルを合わせたときに、JavaScriptが含まれている要素のマウスアウトイベントをトリガーしないようにするにはどうすればよいですか。 jQueryでそれを行うための最良かつ最短の方法は何ですか？ ここに私が何を意味するのかを説明するための簡単な例があります： HTML： <a>Hover Me</a> <div> <input>Test</input> <select> <option>Option 1</option> <option>Option 2</option> </select> </div> JavaScript / jQuery： $('a').hover( function() { $(this).next().show() } function() { $(this).next().hide() } );

107 javascript  jquery  events 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する 基本的に同じ機能を提供するが、適切なテストを含むSelect2の代替を探しています。 聖杯の探求？最後のユニコーン？

107 javascript  jquery  forms  testing  jquery-select2 

これについてより具体的ではないことを許してください。私はそのような奇妙なバグを抱えています。ドキュメントが読み込まれた後、最初にがあった要素をループし、をdata-itemname=""使用してそれらの値を設定し.attr("data-itemname", "someValue")ます。 問題：後でこれらの要素をループするときに、を実行するelem.data().itemnameとが取得されます""が、を実行するelem.attr("data-itemname")とが取得され"someValue"ます。これは、jQueryの.data()ゲッターが、最初は値を含むように設定された要素のみを取得するようなものですが、それらが元々空で、後で設定され.data()た場合、後で値を取得しません。 私はこのバグを再現しようとしましたが、できませんでした。 編集する バグを再現しました！http://jsbin.com/ihuhep/edit#javascript,html,live また、上記のリンクからのスニペット... JS： var theaters = [ { name: "theater A", theaterId: 5 }, { name: "theater B", theaterId: 17 } ]; $("#theaters").html( $("#theaterTmpl").render(theaters) ); // DOES NOT WORK - .data("name", "val") does NOT set the val var theaterA = $("[data-theaterid='5']"); theaterA.find(".someLink").data("tofilllater", "theater5link"); // this …

107 jquery 

この例を使用して、AJAXを使用してHTMLフォームを送信しようとしています。 私のHTMLコード： <form id="formoid" action="studentFormInsert.php" title="" method="post"> <div> <label class="title">First Name</label> <input type="text" id="name" name="name" > </div> <div> <label class="title">Name</label> <input type="text" id="name2" name="name2" > </div> <div> <input type="submit" id="submitButton" name="submitButton" value="Submit"> </div> </form> 私のスクリプト： <script type="text/javascript"> $(document).ready(function() { $('#formoid').ajaxForm(function() { alert("Thank you for your comment!"); }); }); </script> これは機能していません。警告メッセージも表示されません。送信したときに別のページにリダイレクトしたくないので、警告メッセージを表示したいだけです。 …

107 jquery  ajax  form-submit 

この構造にblobデータがあります。 Blob {type: "audio/wav", size: 655404, slice: function} size: 655404 type: "audio/wav" __proto__: Blob 最近のChrome getUerMedia()とRecorder.jsを使用して録音された実際のサウンドデータです。 jqueryのpostメソッドを使用して、このblobをサーバーにアップロードするにはどうすればよいですか？私は運なしでこれを試しました： $.post('http://localhost/upload.php', { fname: "test.wav", data: soundBlob }, function(responseText) { console.log(responseText); });

107 javascript  jquery  html 

読み込みが非常に遅いサードパーティのWebサイトを読み込むiframeがあります。 iframeの読み込み中にユーザーに大きな空白スペースが表示されない間に読み込みメッセージを表示する方法はありますか？ PS。iframeはサードパーティのWebサイト用であるため、ページの内容を変更または挿入することはできません。

107 javascript  jquery  iframe 

疑似コード： $(document).ajaxError(function(e, xhr, options, error) { xhr.retry() }) さらに良いのは、ある種の指数バックオフです

107 javascript  jquery  ajax  xmlhttprequest 

基本認証を使用して承認リクエストを送信する必要があります。jqueryを使用してこれを正常に実装しました。ただし、401エラーが発生すると、基本認証ブラウザのポップアップが開き、jquery ajaxエラーコールバックが呼び出されません。

107 javascript  jquery  rest  basic-authentication