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