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 ]); 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;
        }
    });
});