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当你结合的Click事件？如果您正在使用AJAX或其他方式来修改DOM你需要设置你的点击事件在你的代码或使用live这一点。

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

另外，你应该从你的点击事件中返回false或调用了preventDefault。