Tag: 绑定

如何在新添加的DOM上进行实时点击事件

我是一个live()用户,我知道不知何故live()已被弃用。 我已经尝试使用bind()在新添加的dom上运行事件,但事实并非如此。 你能告诉我怎么做bind()吗? 或者还有其他方法来完成这项任务吗? 这是html: hi there click me hi there2 click me add new row 这是js: var new_row = ‘ hi there, new row! click me’; $(‘.add_new’).click(function() { $(‘.end’).before(new_row); }); $(‘.click’).bind(‘click’, function() { alert(‘clicked’); }); 如果可能的话,我想使用本机jquery的方法而不是插件。 这是我的jsfiddle http://jsfiddle.net/bondythegreat/z3uXH/

如何将jQuery绑定事件发送到通过Ajax加载的元素?

我正在使用.load()函数来加载一段html,它具有一些绑定到某个类的jQueryfunction。 = / 想法?

jQuery无法使用.on()将事件绑定到AJAX加载的元素

使用.load,我将以下内容加载到#step_2 div中: Select a subcategory: All subcategories Cool Cooler Excellent 我正在尝试检测用户何时选择某些内容: $(“#subcategory_id”).on(“change”, function(){ alert( ‘Success!’ ); }); 但没有成功。 有谁看到我做错了什么? 非常感谢。 笔记: 这是FireBug看到的完整CSS路径: html.js body div#container div#main form div#step_2 select#subcategory_id 这是完整的javascript文件,如果上下文很重要: $(document).ready(function() { $(“#category_id”).change(function() { $(“#spinner”).show(); $(“#step_2”).load(“process.php?selected=category”, { value: $(this).val() }, function() { // Do something to say the data has loaded sucessfully $(“#spinner”).hide(); }); }); […]

替代jquery live可以工作

我有这个简单的代码。 http://jsfiddle.net/borth/BmEZv/如果你点击链接一次,它可以正常工作。 如果再次单击它,则不起作用。 由于在加载DOM后html被加载到html中,我尝试过.on,.bind,.delegate和.live。 除了被弃用的.live之外,它们都没有用(我使用的是jquery 1.7.2)。 有人可以解释为什么.live是唯一有效的function,以及为什么其他function不起作用(或者如果我对其他function做错了)。 $(document).ready(function(){ $(“.OpenPopup”).bind(‘click’, function(e){ alert(‘test .OpenPopup’); // do something return false; }); $(“.EditIcon”).bind(‘click’, function(){ alert(‘test .EditIcon’); // do something $(“#ABC”).html(‘click here again’); }); }); click here

首先取消绑定然后绑定(jquery)

我有一个onclick事件, $(‘#locations’).click(function(){ $(‘#train’).unbind(‘click’); //do some stuff } 2.单击关闭按钮 $(‘.close’).click(function(){ //do some stuff } 3.再次点击#train $(‘#train’).bind(‘click’, function() { alert(‘train is clicked’); //do some stuff } 现在问题是#train没有触发。它是否在.close函数上再次绑定事件? 请建议。谢谢。

jquery禁用单击直到动画完全完成

我想禁用点击function,直到其中的每个代码; 初始化和完成。 我读了这些文章并尝试了他们所说的但是无法实现: event.preventDefault()vs return false + 在jQuery中删除事件处理程序的最佳方法? + jQuery – 禁用单击直到所有链接的动画完成 我准备了这个问题的简单例子: 这是DEMO HTML 1 2 3 jQuery的 $(‘.ele’).click(function() { if ( !$(‘.ele’).is(‘:animated’) ) {//this works too but; //is:animate duration returns = 2000 but need to be 4000 $(‘.ele’).stop().animate({‘top’:’0px’},2000); $(this).stop().animate({‘top’:’100px’},4000); } return false; });​

jQuery绑定在AJAX调用后单击一个链接

我很生气 – 也许有人能够帮助我。 我需要在AJAX调用后将点击重新绑定到链接,但由于某种原因它不想工作。 这是我的代码: if ($(‘.active’).length > 0) { $(‘.active’).click(function() { var elem = $(this); var url = $(this).attr(‘href’); $.ajax({ url: url, dataType: ‘html’, success: function(data) { elem.replaceWith(data); } }); $(‘.active’).bind(‘click’); return false; }); } 任何的想法? 感谢您的回复 – 我修改了代码,但问题仍然存在: function makeActive() { if ($(‘.active’).length > 0) { $(‘.active’).click(function() { var elem = $(this); var […]

解绑后如何“重新绑定”点击事件(“点击”)?

我将一个锚标签next变成了一个“按钮”。 有时,如果没有新的东西可以显示,则需要隐藏此标记。 如果我只是用.hide()隐藏按钮并用.show()重新显示它,一切正常。 但我想改用.fadeIn()和.fadeOut()。 我遇到的问题是,如果用户在fadeOut动画期间点击按钮,它可能会导致我运行该节目的逻辑出现问题。 我找到的解决方案是在原始单击函数开始后从按钮解除绑定事件,然后在动画完成后重新绑定它。 $(‘a.next’).click(function() { $(this).unbind(‘click’); … // calls some functions, one of which fades out the a.next if needed … $(this).bind(‘click’); } 上面例子的最后一部分不起作用。 click事件实际上并未重新绑定到锚点。 有谁知道完成这个的正确方法? 我是一个自学成才的jquery家伙,所以像unbind()和bind()等一些更高级的东西都在我脑海中,而jquery文档对我来说并不是很简单。

Fancybox,让Fancybox使用LIVE()绑定到加载后加载到页面上的项目

我有一个加载的页面,加载后,它会输入一个LI列表来填充新闻源。 quick view quick view quick view 当用户点击快速查看但没有运气时,我正试图让奇特的盒子触发。 有任何想法吗? $(document).ready(function() { $(‘.quickview’).fancybox(); }); 还尝试过: $(document).ready(function() { $(‘a.quickview’).live(‘click’, function() { $(this).fancybox(); }); }); http://fancybox.net/ 谢谢你的任何想法……

如何在JQuery中绑定,解除绑定和重新绑定(单击)事件

在2周前在这里问了同样的问题之后,我终于找到了“解决方案”。 这就是我回答自己问题的原因。 ;) 如何在JQUERY中绑定,组合和重新绑定事件?