Question

我使用以下代码将一个特定的div（.source_div）从我的网站的一部分引入我网站另一部分的另一个div（.destination_div）：

<script type="text/javascript">
$(document).ready(function(){
$('.destination_div').load('http://myurl.mypage.com/something.aspx .source_div');
});
</script>

但是，.source_div包含指向我网站其他部分的链接。当我点击这些链接时，我希望这些页面继续显示在我所在的同一个.destination_div中，而不是将我带到另一个页面（这是它目前的工作）。在另一个稍微相关的说明中，我在.source_div中也有一个表单执行回发，该表单也附加了html。这在我的.load中也不起作用。我环顾四周，无法弄清楚如何正确地完成其中任何一项。有人可以帮忙解决其中一个或两个问题吗？

Answer 1

将事件委托给destination_div元素中执行相同.load的所有锚标记，只需使用给定链接的href。

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

Answer 2

实施可能是这样的。

$(document).ready(function(){
   $('.destination_div').load('http://myurl.mypage.com/something.aspx .source_div'); // your page is loaded first
   $('.destination_div').on('click','a',function() {
       var url = $(this).attr("href");
       $('.destination_div').load(url);
       return false;
   });
});

编辑：添加了您之前的代码

AJAX .load url和postback不工作

2 个答案: