1

我有在 jQuery 中动态生成的 ul-->li，此外每个 li 标记都有带有类“.summary_block”和 id 的 div。所有这些都发生在运行时。页面可以在 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>

我的问题是我希望每个 li 中的单个 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"));
    });
4

1 回答 1

4

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

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

 $(".property").on("click", ".summary_block", function () {
      alert("block ID "+ $(this).attr("id"));
 });
于 2013-06-17T17:07:16.067 回答