关于JQuery问题，高分请教！

Question

这里有2个模块，在模块标题栏中有‘编辑’菜单栏，点击‘编辑’，会出现下拉菜单列表模块“111”是新添加的模块，这里点击编辑，不出现下拉列表（问题），模块“最新动态”是本来就存在的，点击编辑，会出现下拉列表 编辑菜单代码： 
<div class="main" style="float:left;display:block"> 
  <a href="#" style="margin-right:5px;">编辑</a> 
  <ul> 
    <li><a href="#" id="edit">编辑内容</a></li> 
    <li><a href="#" id="display">隐藏</a></li> 
  </ul> 
</div> 点击事件： 
$(".main > a").click(function(){ 
    var ulNode = $(this).next("ul"); 
    ulNode.slideToggle('fast'); 
}); 为什么新增模块“111”中点击编辑不出现下拉列表？ 
另外，如何将新增的模块“111”代码写到XX.html中，就是在XX.html中看到新增的代码？

Answer 1

新增模块“111”的父元素要有class="main"的样式
<div class="main" style="float:left;display:block">  
  <a href="#" style="margin-right:5px;">111</a>  
  <ul>  
  <li><a href="#" id="edit">编辑内容</a></li>  
  <li><a href="#" id="display">隐藏</a></li>  
  </ul>  
</div>  

Answer 2

只要重复绑定点击事件就OK了 
因为js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，必须给每一个元素单独绑定事件。