0
<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)//.ajaxComplete is good
                        {
                            loading_hide();
                            $("#container").html(msg);
                        });
                    }
                });
                 alert();

            }
            loadData(1);  // For first time page load default results
            $('#container .pagination li.active').on('click',function(){//replaced .live with .on
                var page = $(this).attr('p');
                loadData(page);

            });           
            $('#go_btn').on('click',function(){//replaced .live with .on
                var page = parseInt($('.goto').val());
                var no_of_pages = parseInt($('.total').attr('a'));
                if(page != 0 && page <= no_of_pages){
                    loadData(page);
                }else{
                    alert('Enter a PAGE between 1 and '+no_of_pages);
                    $('.goto').val("").focus();
                    return false;
                }

            });
        });
    </script>

以上是来自The paginatio tutorial here的分页代码。我尝试使用 jquery 1.9.1 而不是使用 1.4 的代码段。 但似乎即使我将已弃用的 .live 更改为 .on,仍然没有呈现任何结果。我在这篇文章中找不到任何不推荐使用的代码。但是,本教程中的其他代码似乎也很完美。所以我认为上面的javascript和ajax代码一定有问题。

在 KyleK 的帮助下,修改后的版本(但仍然无法正常工作)如下

<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},
                    //ORIGINAL 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
            $('body').on('click','#container .pagination li.active', function(){
            //ORIGINAL $('#container .pagination li.active').live('click',function(){
                var page = $(this).attr('p');
                loadData(page);

            });           
            $('body').on('click','#go_btn',function(){
            //ORIGINAL $('#go_btn').live('click',function(){
                var page = parseInt($('.goto').val());
                var no_of_pages = parseInt($('.total').attr('a'));
                if(page != 0 && page <= no_of_pages){
                    loadData(page);
                }else{
                    alert('Enter a PAGE between 1 and '+no_of_pages);
                    $('.goto').val("").focus();
                    return false;
                }

            });
        });
    </script>
4

2 回答 2

1

这是 live 和 on 你可以检查的基本区别

$('selector').live(event, function(){ //do stuff here })

并在

$(document).on(event, selector, function(){ //do stuff here })

您也可以参考详细文档以获得更好的转换方法

让我知道我是否可以为您提供更多帮助。

于 2013-06-18T16:52:31.720 回答
1

更改数据在 ajax 中传递的方式...

从...

url: "load_data.php",
data: "page="+page,

到..

url: "load_data.php",
data: {page: page},

并改变这个......

 $('#container .pagination li.active').on('click',function(){

对此...

 $('body').on('click','#container .pagination li.active', function(){

和这里一样...

 $('#go_btn').on('click',function()

到...

 $('body').on('click','#go_btn',function()

我想我已经建议我昨天最后一次回答同样的问题......

于 2013-06-18T17:05:40.763 回答