0

我正在尝试使用分页脚本。但我使用 jQuery 版本。网站上的 1.9.1,这个脚本只适用于 1.8.3 版本......我是 jQuery 新手,我不知道如何修复它。我认为,ajax 和 ParseInt 存在一些语法问题......

jsFiddle 示例

原始脚本

jQuery

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

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

          });
      });
4

1 回答 1

3

您不需要修复任何东西,您仍然可以通过使用jQuery Migrate 插件将 1.8.3 代码与新版本一起使用。即使在左侧的 Fiddle 中,您也可以选择包含 Migrate 插件。

使用插件很容易;例如,只需在 jQuery 的脚本标记之后立即包含它。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>

有关更多信息,请参阅jQuery Migrate 文档

于 2013-05-08T19:49:50.117 回答