обнаружить изменения DOM после запуска document.ready ()

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>

, но функцию щелчка я написалв начале всегда относится к одному и тому же элементу, который имел класс на первом месте,

как я могу обновить, у какого элемента есть класс?

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'});
});

извините, я тоже не проверял .. но они должны работать