一旦document.ready（）被触发，就会检测DOM更改

Question

我在$(document).ready

中有这个功能

$('.roundabout-in-focus').click(function(){
    $(this).css({position:'absolute',height:'300px',width:'400px',left:'120px',top:'-20px'});
});

这很好，

问题是当用户点击另一个元素时，由于插件而导致'.roundabout-in-focus'类的元素发生了变化

让我们说，准备好文件

<ul>
<li class="roundabout-in-focus">me first</li>
<li>me next</li>
</ul>

如果用户点击下一个<li>

<ul>
<li>me first</li>
<li class="roundabout-in-focus">me next</li>
</ul>

但我在beggining中写的click函数总是适用于同一个元素，即首先拥有该类的元素，

我怎样才能更新哪个元素有类？

Answer 1

$("ul").delegate("li.roundabout-in-focus", "click", function() {
   $(this).css({position:'absolute',height:'300px',width:'400px',left:'120px',top:'-20px'});
});

或只是

$('.roundabout-in-focus').live("click", function(){
    $(this).css({position:'absolute',height:'300px',width:'400px',left:'120px',top:'-20px'});
});

抱歉，我还没有测试过......但他们应该工作