Questions tagged «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()功能等效的功能？

155 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 

我在id中有一个按钮 "my_id"。我在这个元素上附加了两个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 

好的。 $(window).scroll(function() { $('.slides_layover').removeClass('showing_layover'); $('#slides_effect').show(); }); 我可以从我的理解中得知某人正在滚动。因此，我正尝试找出如何在有人停止活动时赶上。从上面的示例中，您可以看到发生滚动时，我正在从一组元素中删除一个类。但是，我想在用户停止滚动时重新打开该类。 这样做的原因是，我打算在页面滚动时进行中转节目，以使页面具有我要尝试的特殊效果。但是我尝试在滚动时删除的一个类与该效果冲突，因为它对某种性质是透明的。

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 

我有一个链接，该链接myLink应该将AJAX加载的内容插入到divHTML页面的（appendContainer）中。问题是click我绑定到jQuery 的事件没有在插入到appendedContainer中的新加载的内容上执行。该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 

似乎在我期望的时间没有触发drop事件。 我假设当被拖动的元素在目标元素上方释放时，将触发drop事件，但事实并非如此。 我有什么误会？ 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 

我在网页上有一个链接。当用户单击它时，页面上的小部件应该更新。但是，我正在做一些事情，因为默认功能（导航到其他页面）在事件触发之前发生。 链接如下所示： <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); });

84 jquery  event-handling  click  jquery-events 

我一直在网上浏览，试图找出这里发生的事情，但我还没有得到具体的答案。 $(document).ready我的网站上有一个缝可以运行多次，而不管其中的代码如何。 我已经阅读了有关jQuery的错误报告，内容涉及.ready如果语句中发生异常，事件将如何触发两次。但是，即使我有以下代码，它仍然运行两次： $(document).ready(function() { try{ console.log('ready'); } catch(e){ console.log(e); } }); 在控制台中，我看到的只是两次“就绪”记录。另一个带有异常的.ready是否有可能引起问题？我的理解是，所有.ready标签都是彼此独立的，但是我似乎找不到在哪里发挥作用？ 这是该站点的标题： <head> <title>${path.title}</title> <meta name="Description" content="${path.description}" /> <link href="${cssHost}${path.pathCss}" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" charset="utf-8"><!----></script> <script src="media/js/fancybox/jquery.fancybox.pack.js" type="text/javascript" ><!-- --></script> <script src="/media/es/jobsite/js/landing.js" type="text/javascript" ><!-- --></script> <script src="/media/es/jobsite/js/functions.js" type="text/javascript"><!-- --> </script> <script src="/media/es/jobsite/js/jobParsing.js" type="text/javascript" charset="utf-8"><!----></script> <script src="/media/es/jobsite/js/queryNormilization.js" …

73 javascript  jquery  jquery-events  document-ready