javascript - JavaScript 中的递归过多

Question

我有这个打开新页面的 JavaScript：

$(document).ready(function () {
    //$('a[id$="lnkHidden"]').trigger("click");    // Not sure if this is actually necessary

    $('table[id$="dataTable"]').find("tbody").on("click", "tr", function () {
        $(this).find('a[id$="lnkHidden"]').trigger("click");
    });
});

这是 JS 脚本调用的按钮：

<h:commandLink id="lnkHidden" action="#{bean.pageRedirect}" style="text-decoration:none; color:white; display:none">

</h:commandLink>

单击表格行后，我收到此错误消息：

too much recursion [Break On This Error] ...,c=l.length;c--;)(f=l[c])&&(v[d[c]]=!(y[d[c]]=f));if(i){if(o||e){if(o){for(l=‌​[],...

你能帮我解决这个问题吗？

Answer 1

您可以使用原始代码中的这些更改来切断无限循环

• 添加第二个参数来触发。通话变成.trigger("click", [ true ])
• 事件处理程序中的名称参数：function(event, simulated)
• 使用从触发器设置为 true 的模拟参数：simulated || $(this).find('a[id$="lnkHidden"]').trigger("click", [ true ]);

但是，不建议使用事件触发和那种选择器。

Answer 2

您可以直接更改当前 URL，而不是触发合成点击事件：

$(document).ready(function () {
    $('table[id$="dataTable"]').find("tbody").on("click", "tr", function () {
        var links = $(this).find('a[id$="lnkHidden"]');
        if(links.length && links[0].href) {
            window.location.href = links[0].href;
        }
    });
});