Question

我有一个注销按钮，该按钮是网站右上方的锚点。每当窗口的宽度达到一定大小时，我的导航栏和注销按钮就会从主页上删除，并通过脚本添加到“ dropotron”中，从而可以从页面的左侧进行访问。注销按钮是使用jQuery .click(function(){});调用logOut（）方法的单个元素（所有其他导航对象都使用href），并且每当我调整窗口大小并将其添加到dropotron时，锚元素都不会单击时执行任何操作。

我确保将锚标签重新添加到页面后获得相同的ID，并且我认为它与深度无关，因为所有其他锚标签都可以单击并重定向到分配给他们的href。

我尝试了jQuery和Javascript选项，并且都在正常模式下工作，而不是在注销“按钮”重新添加到页面时不工作。

$(document).ready(function(){
    $("#btnLogOut").click(function(){
        logOut(); 
    });
});

document.addEventListener('DOMContentLoaded',function(){
    document.getElementById('btnLogOut').addEventListener('click',function(){
        logOut();
    },false);
},false);

我希望单击锚标记后会调用logOut（）方法，但是即使它们具有相同的ID选择器，它也不会执行任何操作。

编辑：即使我使用jQuery.fn.on Event binding on dynamically created elements?上的答案，同样的问题仍然存在

我的代码现在看起来像这样，并且问题是相同的（事件绑定在将其重新添加到页面后停止工作）：

$(document).ready(function(){
    $("body").on("click", "#btnLogOut", function() {
        logOut();

    });
});

移除并读取元素后，锚元素的点击事件不起作用

0 个答案: