我们能否使用JQuery将加载的页面加载到第一页中的元素的不同页面？

Question

我想让一个元素在另一个加载页面中的事件被触发时加载一个页面。我认为问题是加载的页面无法识别加载它的页面中的元素。有没有解决方法？这里是我的代码：

page1.php中：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".class1").load("page2.php"); 
    }); 
    </script> 
    <div class="class1"></div> 
    <div class="classfrompage1"></div> 

使page2.php：

$(".btnpage2").click(function(){ 
     $.ajax({ 
      //Some ajax code to write to database 
      success:function(data){     
      $(".classfrompage1").load("page3.php"); 
      } 
     }); 
}); 

在此先感谢。

Answer 1

既然你动态加载内容，你可以尝试

$(document).on("click",".btnpage2",function(){ 
    $.ajax({ success:function(data){ 
    //Some ajax code to write to database 
    $(".classfrompage1").load("page3.php"); 
    } 
    }); 
}); 

方案是在第2页你的代码传送到负载的回调函数在哪个页面是'.btnpage2`页面1