将ajax脚本从1.8.3 jquery转换为1.9

时间:2013-05-08 19:40:33

标签: jquery ajax pagination

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

jsFiddle EXAMPLE

Original script

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;
              }

          });
      });

1 个答案:

答案 0 :(得分:3)

您无需修改​​任何内容,您仍然可以使用jQuery Migrate plugin将1.8.3代码与新版本一起使用。即使在左侧的小提琴中,您也可以选择包含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 documentation