Question

我有一个Wordpress网站，帖子正在动态加载。我已将此添加到php文件中以获得单个帖子：

HTML

<article>
    <div class="blog-item-holder">
        <div class="featured-image">
            <a href></a>
        </div> Conent
    </div>
</article>

JS

jQuery(document).ready(function() {
      $(".blog-item-holder").click(function(){
        window.location=$(this).find("a:first").attr("href"); 
        return false;
});
$(".blog-item-holder").css( "cursor", "pointer" );

但是在内容动态加载后，下一篇文章没有此脚本。使用jQuery .on()是个好主意吗？这个代码应该如何工作？

Answer 1

使用on是一个好主意。像这样：

jQuery(document).ready(function() {

    $(document).on("click", ".blog-item-holder", function(){
        window.location=$(this).find("a:first").attr("href"); 
        return false;
    });

    $(".blog-item-holder").css( "cursor", "pointer" );

});

仅当window.location没有刷新页面时才有效。

Answer 2

使用JQuery .on（）

$(".blog-item-holder").on("click", function(){
        window.location=$(this).find("a:first").attr("href"); 
        return false;
});

jQuery使整个div可以点击ajax内容

2 个答案: