如何在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"));
 });