$ .ajax之后无法访问$（document）.ready（）代码请致电

Question

我在每页的页脚都有一个“Go全屏”链接。在document.ready（）中，我有一个代码需要在点击此链接时执行。还有另外两个链接通过$ .ajax调用从此页上的下一页和上一页获取内容。内容加载正常，但一旦处理了ajax调用，“去全屏”链接停止工作。本质上，document.ready（）中的click事件不会被调用。如何使一个位于document.ready（）中的代码在ajax调用之后始终工作。

代码

$.ajax({ 
    url: $j('#prev a').attr('href'), 
    success: function(data) { 
       data=$j(data).find('.container > .row'); 
       $j('.container').html(data); 
       $j("#go-fullscreen").bind('click'); 
      } 
    }); 

Answer 1

当你这样做;

$j("#go-fullscreen").bind('click'); 

您没有绑定到任何特定的事件处理函数，因此没有发生点击。您需要指定您希望在点击时执行的功能。详细信息请参见jQuery doc。

$j("#go-fullscreen").bind('click', function() { /* your code here */}); 

Answer 2

既然你没有张贴任何代码，我正在做一些假设。听起来像是在动态加载/更改页脚内容。此外听起来像你使用类似但是把点击：

$('a').click(function() { //... });

如果这都是真的，你想改变你如何连接最多的事件。看看.on。

$('.container').on('click', '#go-fullscreen', function() { //... });