jquery - Jquery在点击一个孩子时试图隐藏元素

Question

当单击 ID 为“关闭”的图像时，我试图隐藏一个元素。

$('#close').click(function() {
    $('#ordercell').hide('slide');
});

据我所知，应该是我所需要的，但是当我点击时什么都没有发生。

$(document).keyup(function(event) {
    if (event.keyCode ==27) {
        $('#ordercell').hide('slide');
    }
});

按下转义键时可以很好地隐藏，所以我不太确定我错过了什么。

我的 HTML 是（不使用图像 ATM，因为我认为我会在制作脚本之前让脚本工作）：

<div id="ordercell">
    <div id="orderform">
        <div class="cardorder" id="cardorder56">
        <div id="close">X</div>
        <img src="foo.jpg">
        </div>
    </div>
</div>

这都是硬编码的，没有 AJAX。

Answer 1

id="close"设置点击功能时，DOM中是否已经存在图像？

顺便提一句。WFM。在这里查看http://jsbin.com/acose

Answer 2

#close当您绑定到单击事件时，DOM 中是否存在？如果您使用 ajax 或其他方式来修改 DOM，您需要在代码中设置点击事件或使用live.

$("#close").live("click", function() { do stuff });

此外，您应该从单击事件中返回 false 或调用 preventDefault。