在飞行中创建/附加Divs - 无法获取ID JQuery

Question

我在飞行中创造Divs。如果我试图获得那些Div的属性ID，我就无法得到它。

$("#displayPanel div").click(function (){ alert($(this).attr("id")); } 

<div id="displayPanel" class="displayPanel"> 
      <div id="heading"> Display Panel </div> <br/> 
      <div id="save" class="saveClass"></div> <br/> 
       <div id="field1" class="my"> </div> 
       <div id="field2" class="my"> </div> 
</div>

Field1和Field2已创建并附加到DisplayPanel。我无法得到那些div的id。但是我得到了其他现有div的id

Answer 1

添加div后，您是否重新绑定了该事件？

您可以使用live（）方法绑定实时点击事件：

$("#displayPanel div").live("click", function (){ alert($(this).attr("id")); } 

Answer 2

您需要使用live event，.click()仅适用于加载后页面上的元素。

$("#displayPanel div").live("click", function(){ ...