加载后jQuery事件不起作用

Question

$(document).ready(function(){ 

$(function() { 
    $('a.ajaxload').click(function(e) {   
     var url = $(this).attr('href'); 
     $('#desktopcontainer').load(url); // load the html response into a DOM element 
     e.preventDefault(); // stop the browser from following the link 
    }); 
}); 

$(function() { 
    $(".accordion .accordion-tabs .tab").each(function(){ 
     $(this).click(function(){ 
      if ($(this).hasClass('tab')){ 
      $(this).removeClass('tab'); 
      $(this).addClass('active'); 
      }else{ 
      $(this).removeClass('active'); 
        $(this).addClass('tab'); 
      } 

      $(this).next().slideToggle('slow'); 
       return false; 
     }); 
    }); 
}); 
}); 

我的标签工作正常，但在点击“a.ajaxload”将内容添加到页面后，我的标签不再响应。

任何人都可以请告诉我问题在哪里？

已解决！

我所做的是在我的加载后添加函数......查看下面的新代码并查看其差异。我希望它能帮助别人。

$(document).ready(function(){ 

initDashboard(); 

$(function() { 
    $('a.ajaxload').click(function(e) {   
     var url = $(this).attr('href'); 
     $('#desktopcontainer').load(url); // load the html response into a DOM element 
     e.preventDefault(); // stop the browser from following the link 
     initDashboard(); 
    }); 
}); 

function initDashboard() { 
    $(".accordion .accordion-tabs .tab").each(function(){ 
     $(this).click(function(){ 
      if ($(this).hasClass('tab')){ 
      $(this).removeClass('tab'); 
      $(this).addClass('active'); 
      }else{ 
      $(this).removeClass('active'); 
        $(this).addClass('tab'); 
      } 

      $(this).next().slideToggle('slow'); 
       return false; 
     }); 
    }); 
} 

}); 

Answer 1

你需要on()，因为它是动态添加（例如，通过load方法插入）：

$('.accordion .accordion-tabs').on('click', '.tab', function(){ 
    if ($(this).hasClass('tab')) { 
     $(this).removeClass('tab'); 
     $(this).addClass('active'); 
    }else{ 
     $(this).removeClass('active'); 
     $(this).addClass('tab'); 
    } 

    $(this).next().slideToggle('slow'); 
     return false;  
    }); 
}); 

也没必要使用jQuery准备处理三次，只是把所有的jQuery的相关这里面的代码：

$(document).ready(function(){ 

}); 

文档：

• http://api.jquery.com/on/