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

Question

我的页面上有以下 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>

页面上的任何地方都没有 nav-icon1，但是当我将 jQuery 更改为这样时:

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

它停止工作。

我错过了什么？谢谢!

Answer 1

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

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

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

或

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

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