0

我使用以下代码将我网站一部分的特定 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 中也不起作用。我环顾四周,无法弄清楚如何正确地做这些事情中的任何一件。有人可以帮助解决这些问题中的一个或两个吗?

4

2 回答 2

0

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

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

于 2012-06-21T21:25:05.583 回答
0

实施可能是这样的。

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

编辑:添加了您以前的代码

于 2012-06-21T22:28:35.383 回答