javascript - JQuery - 某些其他元素下的元素不会触发事件

Question

我面临着一种情况，我想要处理 li 的 click 事件，该事件存在于另一个具有 optWrapper 类的元素下。这些标记大部分是由第三方 javascript 库生成的。所以，标记就像

   <div class="optWrapper multiple open">
       <ul class="options">
           <li data-val="7"><span><i></i></span><label>Critical Illness</label></li>
          <li data-val="25"><span><i></i></span><label>Critical Illness Insurance</label></li>
         <li data-val="3"><span><i></i></span><label>Critical Illness Silver</label></li>
      </ul>
  </div>

我的 jQuery 代码是

$(".optWrapper li").click(function () {
     alert();
 });

我找不到为什么这个事件没有被调用。请帮忙。

编辑 1

我猜测这种行为是由于这些元素是在浏览器中下载 jquery 之后加载的，是这样吗？如果是的话，我该如何应对呢？

编辑2这些元素是在 dropdownlist 的 select 事件之后动态生成的。

Answer 1

onsubject的答案是正确的。说使用 .on 而不是 .click。

jQuery 1.7之后首选方法是.on()

添加@onsubject的答案，因为他的答案在动态创建时不起作用

".optWrapper li"

使用主体或其父元素，而不是实际元素。

$('body').on('click', '.optWrapper li', function() {
//do something
}