2016-11-09 97 views
0

我正在使用ajax加載頁面。但是當我的頁面加載時,我在加載的頁面模板上沒有工作的jQuery。如果我刷新頁面,那麼它開始工作。JQuery不能使用ajax頁面加載

我使用現成的功能:

jQuery(document).ready(function() { 

    jQuery('#tabs li a:not(:first)').addClass('inactive'); 
    jQuery('.tab-content').hide(); 
    jQuery('.tab-content:first').show(); 
    jQuery('#tabs li a').click(function() { 
     var t = jQuery(this).attr('id'); 
     if (jQuery(this).hasClass('inactive')) { 
      jQuery('#tabs li a').addClass('inactive'); 
      jQuery(this).removeClass('inactive'); 
      jQuery('.tab-content').hide(); 
      jQuery('#' + t + 'C').fadeIn('slow'); 
     } 
    }); 

}); 

但它沒有顯示任何警報時,我的頁面點擊鏈接和頁面使用AJAX無刷新加載。

我怎樣才能使jQuery的可行,請幫助

我在Ajax調用其中只有一個工作呢不是他們兩個人在同一時間的成功裝載兩個功能:

$.ajax({ 
      url: url, 

      success: 
      function(data){ 
       $('#tabs li a:not(:first)').addClass('inactive'); 
      $('.tab-content').hide(); 
      $('.tab-content:first').show(); 
      $('#tabs li a').click(function(){ 
      var t = $(this).attr('id'); 
      if($(this).hasClass('inactive')){ 
      $('#tabs li a').addClass('inactive');   
      $(this).removeClass('inactive'); 
      $('.tab-content').hide(); 
      $('#'+ t + 'C').fadeIn('slow'); 
      } 
      }); 

      } 

      function(data, textStatus, jqXHR){ 
       alert("working"); 
      }, 
      error: function(jqXHR, textStatus, errorThrown){ 
       document.location.href = url; 
       return false; 
      } 

怎麼可能?

+0

如果你使用ajax,你可以把上面的代碼放在成功的裏面。 –

+0

它會沒有準備好的功能rgiht? – Qasim

+0

@那是另一份文件讓我分享它 – Qasim

回答

0

請使用成功函數查找功能是否成功或不執行,

$(document).ready(function(){ 
$.ajax({          
    jQuery('#tabs li a:not(:first)').addClass('inactive'); 
    jQuery('.tab-content').hide(); 
    jQuery('.tab-content:first').show(); 
    jQuery('#tabs li a').click(function() { 
    var t = jQuery(this).attr('id'); 
     if (jQuery(this).hasClass('inactive')) { 
      jQuery('#tabs li a').addClass('inactive'); 
      jQuery(this).removeClass('inactive'); 
      jQuery('.tab-content').hide(); 
      jQuery('#' + t + 'C').fadeIn('slow'); 
     } 
    }); 
    success: function(this) { 
     alert(this); 
    } 
    }); 
}); 
+0

但是現在我又遇到了另一個問題:ajax調用現在停止工作,我的自定義jqery工作正常。 – Qasim

+0

這是完全不相干的,我的問題是@Balaji Ravichandran – Xabby

0

我是我laoded我的Jquery在新功能上的ajaxSuccess如下,它完美的作品

  jQuery(document).ready(function(){ 
      jQuery(document).ajaxSuccess(function() { 
      jQuery('#tabs li a:not(:first)').addClass('inactive'); 
      jQuery('.tab-content').hide(); 
      jQuery('.tab-content:first').show(); 

     jQuery('#tabs li a').click(function(){ 
      var t = jQuery(this).attr('id'); 
      if(jQuery(this).hasClass('inactive')){ 
       jQuery('#tabs li a').addClass('inactive');   
       jQuery(this).removeClass('inactive'); 
       jQuery('.tab-content').hide(); 
       jQuery('#'+ t + 'C').fadeIn('slow'); 
      } 
     }); 
    });