JQuery没有使用ajax页面加载

时间:2016-11-09 15:30:16

标签: javascript jquery ajax document-ready

我正在使用ajax加载页面。但是当我的页面加载时,我在加载的页面模板上有jQuery无效。如果我刷新页面然后它开始工作。

我正在使用ready函数:

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

怎么可能?

2 个答案:

答案 0 :(得分:0)

请使用success函数查找功能是否成功执行,

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

答案 1 :(得分:0)

我得到的是我已经在ajaxSuccess上的一个新函数中将我的Jquery编码为如下并且它完美地运行

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