为什么在为 html 锚元素触发我的 jquery click 事件之前会发生重定向？

Question

我试图仅在用户关闭选项卡或浏览器窗口时触发 OnBeforePageUnload。当用户在我的网站上导航时，我有一个自定义机制会触发一个警告对话框，以防止用户丢失输入的数据。所以每次点击我页面上的链接时，我都会设置 a 标志：

$('a[href]').click(function (event) {
    buttonOutsidePageClicked = false;
});

然后，触发 onbeforepageunload 事件。我检查标志的值，看看是否应该显示内置的 onbeforeunload 对话框：

function OnBeforeUnload(oEvent) {
if (buttonOutsidePageClicked)
    return navAwayMessage;   
}

这适用于页面上的所有链接，但以下链接除外：

 <a id="cpm_UploadLink" class="button" rel="no" href="/pages/otherPage">
    <span class="btnLeft"></span>
    <span class="btnMiddle">Click Me</span>
    <span class="btnRight"></span>
 </a>

这些 html 是由自定义 Web 控件创建的。当我点击链接时，我被重定向到 otherPage 而没有触发点击事件。所以我无法设置标志并显示内置的 onbeforeunload 消息。

当我添加内联时，直接在控件中添加 onclick 属性，如下所示：

 <a id="cpm_UploadLink" class="button" rel="no" href="/pages/otherPage"
     onclick="javascript:buttonOutsidePageClicked = false;">
        <span class="btnLeft"></span>
        <span class="btnMiddle">Click Me</span>
        <span class="btnRight"></span>
 </a>

一切正常。但这不是我想要解决的方法。

谁能解释一下我在这里犯了什么错误？

我一直在寻找和尝试很多代码，但没有成功。

我找到了这个帖子Preventing Links before jQuery is Loaded 但我不知道这是否与我的问题有关，因为我只有一个链接。

提前感谢您的帮助。

Answer 1

由于您的 html 是由自定义 web 控件创建的，您可能需要使用 live() 或 on() 用于 JQuery 1.7 及更高版本来绑定您的点击事件。

例如：

$("body").delegate("a","click", function () {
        buttonOutsidePageClicked = false;
    });

从 jquery 1.7 版开始使用：

$("body").on("click", "a", function () {
    buttonOutsidePageClicked = false;
});

jQuerylive()

查看在线示例here

Answer 2

首先：您可以将代码重构为：

$('a[href]').click(function (event) {
    buttonOutsidePageClicked = false;
});

你的答案可能在于：

这些 html 是由自定义 Web 控件创建的

他们要么劫持 click 事件，以便不调用 jQuery 点击处理程序，要么在内部 <span> 元素上使用 click 事件。

您可以使用 firebug 或 chrome 开发人员工具查看所有事件侦听器。确保其中之一是 jQuery。