IE7没有捕获子选择器上的jQuery点击

Question

我有以下代码，这些代码在FF、Chrome、IE8/9和Safari上正确运行。。。但我无法捕捉IE7上"searchSubmit"的点击。

jQuery文档指出IE7完全支持子选择器，但我不能以这种方式使用它们。相对定位有问题吗？

$(document).ready(function() {   
    $('#r_submit > #searchSubmit').click(function() {
       console.log('captured click of searchSubmit');
    });
});

我的HTML和CSS:

<div id="r_submit">
   <a id="searchSubmit">Go</a>
</div>
#r_submit #searchSubmit {
    background: url("/images/picco/proceed_button.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 38px;
    width: 195px;
    border: none;
    position: relative;
    display: block;
    text-indent: -9999px;
    font-size: 0px;
    line-height: 0px;
    top:0px;
    left: 0px;
    float: left;
    cursor: pointer;
}

Answer 1

页面上只有一个具有给定ID的元素才有效，因此您的选择器可以是：

$('#searchSubmit').click(function() {
    console.log('captured click of searchSubmit');
});

如果内容被动态添加到页面中，"on"方法将处理此问题：

$('#r_submit').on('click', '#searchSubmit', function() {
    console.log('captured click of searchSubmit');
});