Question

我有这个jquery代码，ajax，whch帮我做一些分页。

现在，我从一个只打印了一些信息的php文件中获取数据。

索引文件就是这个：

<script type="text/javascript">
    $(document).ready(function(){
        function loading_show(){
            $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
        }
        function loading_hide(){
            $('#loading').fadeOut('fast');
        }                
        function loadData(page){
            loading_show();                    
            $.ajax
            ({
                type: "POST",
                url: "load_data.php",
                data: "page="+page,
                success: function(msg)
                {
                    $("#container").ajaxComplete(function(event, request, settings)
                    {
                        loading_hide();
                        $("#container").html(msg);
                    });
                }
            });
        }
        loadData(1);  // For first time page load default results
        $('#container .pagination li.active').live('click',function(){
            var page = $(this).attr('p');
            loadData(page);

        });           

        });
    });
</script>

我想要做的是，我想重新加载页面只有当我在第一页时，我的意思是，在分页中我们有类似的东西：

<- 1 2 3 4 5 6 7 ->

我想重新加载内容而不刷新只有我在第一页。有人可以帮助我吗？谢谢！

Answer 1

尝试

$('#container .pagination li.active').live('click',function(){
     var page = $(this).attr('p');
     if(page == 1)
         loadData(page);

});

Answer 2

$('#container .pagination li.active').live('click',function(){
     var page = $(this).attr('p');

     if(page === 1){
         setTimeout(function(){
             loadData(page);
     }, 2000);

    }
});

这是与已发布的解决方案类似的解决方案，但在2秒后执行。将第二个arg（毫秒）更改为您想要的任何值。

仅在分页的第一页中重新加载页面

2 个答案: