代码仅适用于jQuery版本1.4.2

时间:2015-05-21 20:39:19

标签: php jquery pagination version

我得到了这个分页代码

$(document).ready(function(){
            function loading_show(){
                $('#loading').html("<img src='img/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);

            });           
            $('#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;
                }

            });
        });

但显然只适用于这个版本的jQuery,因为当我改变它时它不起作用

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

我需要使用这个版本

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

我需要改变才能让它发挥作用。 谢谢你的帮助。

1 个答案:

答案 0 :(得分:1)

From the jQuery docs

  

从jQuery 1.7开始,不推荐使用.live()方法。使用.on()来   附上事件处理程序。

所以.live更改为.on。那是你的第一个停靠港。可能还有其他的弃用,虽然我看不到任何我手边知道的其他人。

打开您的网络浏览器JavaScript控制台以查看JavaScript错误。为此你应该看到live() is undefined or not a function的内容。这可以帮助你解决问题所在,并有助于未来的JS调试。