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

私は、jQuery .on（）メソッドを使用して、直接イベントハンドラと委任イベントハンドラのこの特定の違いを理解しようとしています。具体的には、この段落の最後の文： ときにselector提供され、イベントハンドラが呼ばれる委任します。ハンドラーは、イベントがバインドされた要素で直接発生した場合には呼び出されず、セレクターに一致する子孫（内部要素）に対してのみ呼び出されます。jQueryは、イベントターゲットからハンドラーが接続されている要素（つまり、最も内側から最も外側の要素）までイベントをバブルし、そのパスに沿ってセレクターに一致するすべての要素のハンドラーを実行します。 「要素のハンドラを実行する」とはどういう意味ですか？コンセプトを試すためのテストページを作成しました。ただし、次の両方の構成は同じ動作になります。 $("div#target span.green").on("click", function() { alert($(this).attr("class") + " is clicked"); }); または、 $("div#target").on("click", "span.green", function() { alert($(this).attr("class") + " is clicked"); }); 多分誰かがこの点を明確にするために別の例を参照できますか？ありがとう。

159 javascript  jquery  event-bubbling  jquery-events  event-binding 

発射する準備ができるまでイベントを開催したい $('.button').live('click', function(e){ e.preventDefault(); // do lots of stuff e.run() //this proceeds with the normal event } run()上記の機能に相当するものはありますか？

156 jquery  jquery-events 

次の機能があります。 $(document).ready(function() { $("#dSuggest").keypress(function() { var dInput = $('input:text[name=dSuggest]').val(); console.log(dInput); $(".dDimension:contains('" + dInput + "')").css("display","block"); }); }); 何らかの理由で、最初のキーを押したときに、コンソールログに空の文字列が表示されます。

129 jquery  jquery-events 

JavaScript（またはjQuery）で「長押し」を実装することは可能ですか？どうやって？ （ソース：androinica.com） HTML <a href="" title="">Long press</a> JavaScript $("a").mouseup(function(){ // Clear timeout return false; }).mousedown(function(){ // Set timeout return false; });

117 javascript  jquery  jquery-ui  jquery-mobile  jquery-events 

liにidのボタンが1つあります"my_id"。この要素で2つのjQueryイベントをアタッチしました 1。 $("#my_id").click(function() { alert('single click'); }); 2。 $("#my_id").dblclick(function() { alert('double click'); }); しかし、それはいつも私に single click

116 javascript  jquery  jquery-events 

HTML5のオンラインイベントとオフラインイベントを使用して、ブラウザーがオフラインになったことを正確に検出しようとしています。 これが私のコードです： <script> // FIREFOX $(window).bind("online", applicationBackOnline); $(window).bind("offline", applicationOffline); //IE window.onload = function() { document.body.ononline = IeConnectionEvent; document.body.onoffline = IeConnectionEvent; } </script> FirefoxまたはIEで「オフラインで作業」を押すだけで問題なく動作しますが、実際にケーブルを抜くとランダムに動作します。 この変化を検出する最良の方法は何ですか？タイムアウトでajax呼び出しを繰り返さないようにしたいと思います。

111 javascript  jquery  offline  jquery-events  network-connection 

これでOK $(window).scroll(function() { $('.slides_layover').removeClass('showing_layover'); $('#slides_effect').show(); }); 私が理解しているものから誰かがスクロールしていることを知ることができます。ですから、誰かが止まったときにどうやって捕まえるかを考えています。上記の例から、スクロールが行われている間に、要素のセットからクラスを削除していることがわかります。ただし、ユーザーがスクロールを停止したときにそのクラスを元に戻したいと思います。 この理由は、ページをスクロールしている間、私が取り組んでいる特別な効果をページに与えるために、レイオーバーショーを行うことです。しかし、スクロール中に削除しようとしている1つのクラスは、ある種の性質に対する透過効果として、その効果と競合します。

109 javascript  jquery  scroll  jquery-events 

PHPコード： <a id="a$id" onclick="check($id,1)" href="javascript:void(0)" class="black">Qualify</a> を削除しonclick="check($id,1)てリンクをクリックできないようにしたり、「check($id,1)を起動したりしません。JQueryでどうすればよいですか？

99 jquery  attributes  event-handling  jquery-events 

HTMLページの（appendedContainer）にmyLinkAJAXロードされたコンテンツを挿入するリンクがありdivます。問題は、clickjQueryにバインドしたイベントが、appliedContainerに挿入された新しくロードされたコンテンツで実行されないことです。clickイベントは、私のAJAX機能がロードされていないDOM要素にバインドされています。 イベントがバインドされるように、何を変更する必要がありますか？ 私のHTML： <a class="LoadFromAjax" href="someurl">Load Ajax</a> <div class="appendedContainer"></div> 私のJavaScript： $(".LoadFromAjax").on("click", function(event) { event.preventDefault(); var url = $(this).attr("href"), appendedContainer = $(".appendedContainer"); $.ajax({ url: url, type : 'get', complete : function( qXHR, textStatus ) { if (textStatus === 'success') { var data = qXHR.responseText appendedContainer.hide(); appendedContainer.append(data); appendedContainer.fadeIn(); } } }); }); …

96 javascript  jquery  html  ajax  jquery-events 

期待どおりにドロップイベントがトリガーされていないようです。 ドラッグされている要素がターゲット要素の上にリリースされると、ドロップイベントが発生すると思いますが、そうではないようです。 私は何を誤解していますか？ http://jsfiddle.net/LntTL/ $('.drop').on('drop dragdrop',function(){ alert('dropped'); }); $('.drop').on('dragenter',function(){ $(this).html('drop now').css('background','blue'); }) $('.drop').on('dragleave',function(){ $(this).html('drop here').css('background','red'); })

92 javascript  jquery  events  drag-and-drop  jquery-events 

Webページにリンクがあります。ユーザーがクリックすると、ページ上のウィジェットが更新されます。ただし、デフォルトの機能（別のページに移動する）がイベントが発生する前に発生するため、私は何かをしています。 リンクは次のようになります。 <a href="store/cart/" class="update-cart">Update Cart</a> jQueryは次のようになります。 $('.update-cart').click(function(e) { e.stopPropagation(); updateCartWidget(); }); 何が問題ですか？

88 javascript  jquery  events  click  jquery-events 

次のコードを使用して、動的に生成されたボタンがクリックされたことを検出しています。 $(document).on("click",".appDetails", function () { alert("test"); }); 通常、実行した場合は、クリックされた要素を取得するために$('.appDetails').click()使用でき$(this)ます。上記のコードでこれをどのように達成しますか？ 例えば： $(document).on("click",".appDetails", function () { var clickedBtnID = ?????? alert('you clicked on button #' + clickedBtnID); });

85 jquery  event-handling  click  jquery-events