jquery中的递归错误太多

Question

这段代码：

$(文档).ready(function() {
$('body').click(function(evt) {
if(evt.target.nodeName === 'A' && $(evt.target).hasClass('交叉链接')) {
$('a[href=#2]').trigger('点击');
} });});

给我一个“太多递归”的错误，

人们可能会认为我应该将一个处理程序附加到交联元素上。我尝试了这个，但我无法让它工作，因为 DOM 在创建交叉链接类元素之前加载。我需要做什么来解决这个问题，或者您是否更好地了解我应该做什么来实现我正在尝试做的事情？

如果您想亲自查看错误，请访问 eataustineat.com/testfolder/ 在搜索字段中输入“d” 选择狗全能（这是你应该注意到“太多递归错误”的地方） 它会将 div 向左移动，但这样做会非常错误。

Answer 1

您可以使用 live 或 delegate 为稍后创建的元素添加监听器：

$("a.cross-link").live("click", function()
{
   $('a[href=#2]').trigger('click');
   window.location.hash = "#2";
});

但是，单击不会触发转到 URL 的默认事件，因此您需要执行以下操作手动那个。

Answer 2

如果在创建文档后添加需要现有事件的元素，您可以使用 live

$(document).ready(function() {
    $('.cross-link').live(function() {
        $('a[href=#2']).click(); //No cross-link class allowed on this element as it is responsible for the recursion
    });
});

Answer 3

好吧，递归来自触发

$('a[href=#2]').trigger('click');

当从事件中单击此元素时，它会抛出另一个事件，该事件将由相同的代码处理，依此类推。

这应该可行：

    $(document.ready)(function(){
      $('.cross-link').click(function(){
       #('a[href=#2').click();
});
});

另外，从性能角度来看，向第二个链接添加 id 更为理想，因为通过 id 选择比通过属性选择更快。如果您仍然想通过 href 选择并且只有一个这样的链接，请执行以下操作：

#('a[href=#2 :first').click();

Answer 4

参考我上面的评论，这就是我的做法。我建议使用live...

var open = function (myObj, animationTime) {
    //do stuff
    $(myObj).unbind('click');
    $(myObj).click(function () {
        close(myObj, timer);
    });
}

var close = function (myObj, animationTime) {
    //dostuff
    //remove close click event and then rebind the click event to open
    $(myObj).unbind('click');
    $(myObj).click(function () {
        open(myObj, timer);
    });
}

$(".mySelector").click(function () {
    open($(this), timer);
});

Answer 5

$('body').click(function(evt) {
    if(evt.target.nodeName === 'A' && $(evt.target).hasClass('cross-link')) {
        $('a[href=#2]').trigger('click');
    }
  });

您错过了 if-else 语句的 else。