如何在li标签内使用jQuery使div可点击

Question

我有ul - > li在jQuery中动态生成，进一步每个li标签都有div，类为“.summary_block”和id。 这一切都发生在运行时。 页面可以在li标签下具有类似结构的div ....

  <div class="property">
    <ul class="properties_Ul">

      //record 1
      <li class="property_detail">
        <div class="summary_block" id="DEMO1_000018">
        </div>
      </li>

      //record 2
      <li class="property_detail">
        <div class="summary_block" id="DEMO1_000024">
        </div>
     </li>
            ........... //record n-x
   </ul>
 </div>

我的问题是我想在每个李处理点击事件中的个别div ....并且由于某种原因我正在做正确的方式...

生成记录块的jQuery代码

 $(".property").append("<ul></ul>");
 $(".property ul").addClass("properties_Ul");

  for (var val in plugin_Global_Variables.x_propcode) {

    $("<li></li>").addClass('property_detail').html("<div class='summary_block' id='" + plugin_Global_Variables.R_FilteredProperties[val].r_propcode + "</div>").appendTo(".property ul");

 }

并在document.ready函数下的HTML中...

   $(".summary_block").on("click", "li", function () {

       alert("block ID "+ $(this).attr("id"));
    });

Answer 1

.summary_block本身就是li ，它也是动态添加的

您需要将事件绑定到静态元素，如.property

 $(".property").on("click", ".summary_block", function () {
      alert("block ID "+ $(this).attr("id"));
 });