jquery - 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');
});