Скрипт JQuery не работает на div, выбранных после загрузки страницы

Question

Итак, у меня есть код jquery здесь:

$(document).ready(function(){
    $("div.post.photo").hover(function () {
        $(this).children("div.show").slideToggle("fast");
    });
});

Он влияет на HTML-код здесь:

<div class="post photo">
    <img src="source" />
    <div class="show">
        <div class="caption">
        Caption
        </div>
    </div>
</div>

Однако, когда вы прокручиваете страницу вниз, больше divвыбираются с помощью другого скрипта (не написанного мной), но вышеупомянутый скрипт jquery не влияет на них.

Мысли?

Answer 1

Вам нужно будет использовать обработчик jQuery .live() - http://api.jquery.com/live/

"Присоединить обработчик к событию для всех элементов, которые соответствуют текущему селектору, сейчас и в будущем."

напр.

$("div.post.photo").live('hover', function() {
    $(this).children("div.show").slideToggle("fast");
});