jQuery .on点击不工作用户点击

Question

我有以下代码集

JavaScript的：

$(document).ready(function(){ 
    $("#login").on("click",function() {
        alert($(this).val());
    });
    $("#login").click();
});

HTML

<input type="button" id="login" name="login" value="LOG IN">

正如预期的那样，当文档使用登录按钮的值加载时，此代码会触发警报。

然而，当我尝试用鼠标手动点击时，它不会触发。

这是我刚做的一个测试：

Answer 1

我怀疑您的登录模式正在编辑DOM，因此取消了事件监听器..

更改

$("#login").on("click",function() {
    alert($(this).val());
});

向

$("body").on("click","#login",function() {
    alert($(this).val());
});

这将适用于DOM更改

Answer 2

我猜弹出窗口与您的按钮重叠，因此不会触发点击。

当你触发点击它时会显示警告但是在加载弹出窗口之前，这意味着弹出窗口中的元素不是触发它的元素。

Answer 3

如果#login ID仅定义一次，则应检查HTML。

可能触发叠加层的标题中的登录按钮具有相同的ID！