Question

我对Jquery很新。

我正在创建一个php应用程序，其中包含一个包含文本的帖子流，有时还包含flexslider插件中的视频和图像。最初，显示了3个帖子，我使用以下代码实现了＃34;显示更多＆＃34; - 按钮:(基于this example）

<script>
    $(document).on('click', '.showmore', function () {
        $(this).text('Loading...');
        var ele = $(this).parent('li');
        $.ajax({
            url: 'showmore.php',
            type: 'POST',
            data: {
               page: $(this).data('page'), 
            },
            success: function (response) {
                if (response) {
                    ele.hide();
                    $(".posts_list").append(response);
                }
            }
       });
    });
</script>

这工作得很好，每次点击加载3个新帖子没有页面刷新。问题是Flexslider插件的所有实例都无法正确显示。原始代码包含在内，但它与Jquery功能没有连接到新加载的帖子。我试图包含flexslider脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script> 
<script src="jquery.flexslider-min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(window).load(function () {
        $('.flexslider').flexslider({randomize: true, animation: "fade", });
    });
</script>

再次在很多地方，包括showmore.php文件和上面的Ajax脚本。

我一直在搜索这个和其他资源但没有成功。任何人都可以对此有所了解吗？这可能很简单。谢谢！

在没有页面刷新的情况下加载更多代码时jquery功能丢失

0 个答案: