jquery - on() 与点击事件不执行任何操作

Question

我在动态创建的 id 为“box”的 div 中有一个 id 为“close”的 div。以下代码旨在每当用户单击关闭时执行某些操作。

$('#box').on('click','#close',function(){
    alert(1); // Test to see if the click works
});

我正在使用 Big Cartel CMS，如果我在“实时预览模式”中单击关闭，它似乎工作正常，但每当我实际发布网站并正常查看它时，它绝对不会执行任何操作 - 没有错误 -没什么。

标记和 CSS，以防万一:

<div id="box"> <!-- Dynamically loaded -->
    <div id="close"></div>
    <h2 id="name"></h2>
    <div id="description">
        <p>blah...</p>
    </div>
</div>

#close{
    background: url(image-path);
    float: right;
    position: relative;
    top: 0;
    margin: 0 0 0 12px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 100;
}

我错过了什么？

Answer 1

问题是因为 #box 也是动态的。您需要主选择器是加载页面时可用的元素。

主要候选元素是您要加载 #box 的元素。