Javascript 元素的jQuery选择器不在页面上

我在页面上有以下jQuery：

$('#nav-icon1,#nav-icon3').click(function(){
});

和相应的HTML，如下所示：

<div id="nav-icon3" class="">
    <span class="whitehamburger origin"></span>
    <span class="whitehamburger origin"></span>
    <span class="whitehamburger origin"></span>
    <span class="whitehamburger origin"></span>
</div>

它停止工作了

---

我错过了什么？谢谢

有必要将该事件附加到您的div吗？检查跨距是否为“相对”位置，因为如果跨距为“绝对”，则在高度为0px时，您的div“nav-icon3”可能不可见

添加事件的另一种方法是使用“绑定”

或

---

有必要将该事件附加到您的div上吗？检查跨距是否为“相对”位置，因为如果跨距为“绝对”，则在高度为0px时，您的div“nav-icon3”可能不可见

添加事件的另一种方法是使用“绑定”

或

---

这似乎是不同的错误，你所做的就是按照它的方式工作。在这里检查jsfiddle.net/ed9xsh62/检查您的控制台或共享URL以检查确切的错误。

这似乎是不同的错误，您所做的就是按照它的方式工作。在这里检查jsfiddle.net/ed9xsh62/检查您的控制台或共享URL以检查确切的错误

    $(function(){
      $( "#nav-icon3" ).click(function() {
         //code goes here
         //can do a simple alert to test the function
      });
    });

可能是因为document.ready函数中没有代码（我使用的是速记版本）。我试过你的代码，只要它在document.ready函数中，它就工作得很好

---

可能是因为document.ready函数中没有代码（我使用的是速记版本）。我试过你的代码，只要它在document.ready函数中，它就工作得很好

检查控制台是否有错误。根据您提供的代码，您所拥有的（以及所做的：）应该有效。更新：刚刚意识到一个潜在原因。我在页面上有两个元素。我的代码在某种程度上与两者都匹配？然而，第二个代码只与第一个代码匹配（它实际上隐藏在页面上），因此不起作用。为什么$（“#nav-icon1，#nav-icon3”）与两个nav-icon3元素都匹配？请检查控制台中的错误。根据您提供的代码，您所拥有的（以及所做的：）应该有效。更新：刚刚意识到一个潜在原因。我在页面上有两个元素。我的代码在某种程度上与两者都匹配？然而，第二个代码只与第一个代码匹配（它实际上隐藏在页面上），因此不起作用。为什么$（“#nav-icon1，#nav-icon3”）同时匹配两个nav-icon3元素？

$(function(){
    $("#nav-icon3").bind('click', function()
{
// some code...
});
});

$(function(){
    $("#nav-icon3").bind('click', _onNavClick);
});

function _onNavClick(event)
{
// some code...
}

    $(function(){
      $( "#nav-icon3" ).click(function() {
         //code goes here
         //can do a simple alert to test the function
      });
    });