Jquery Ajax加载&x2B;刷新同一个div
将模板内容加载到div(main.html)的代码片段:Jquery Ajax加载&x2B;刷新同一个div,jquery,jquery-load,Jquery,Jquery Load,将模板内容加载到div(main.html)的代码片段: var href=$(this.attr('href'); $(“#内容窗格”).load(href); review.html: <a href="review/1" class="pageLink"> 1 </a> <a href="review/2" class="pageLink"> 2 </a> 我现在的问题是: 比方说,我已经通过单击href=“/review”将评论页面
var href=$(this.attr('href');
$(“#内容窗格”).load(href);
review.html:
<a href="review/1" class="pageLink"> 1 </a>
<a href="review/2" class="pageLink"> 2 </a>
我现在的问题是:
有人能帮忙吗?好的,如果我没听错的话,
您需要一种在对这些链接的ajax调用完成后加载更多内容的方法。
为此(如果您使用jQuery),我会这样做:
您需要使用“.delegate()”函数。(欲了解更多信息,请阅读)。
现在查看代码:
<script>
var href = $(this).attr('href');
$('#content_pane').load( href );
$('#content_pane').delegate('#your-link-id-here', 'click', function(){
var href2 = $('.your-link-class-here').attr('href');
$('#content_pane').load( href2 );//If you want your links to stay, put another div insted of content_pane.
});
</script>
<a href="/main" class="active"> MAIN </a>
<a href="/review"> REVIEW </a>
<div id="#content_pane"> </div>
var href=$(this.attr('href');
$(“#内容窗格”).load(href);
$(“#内容#窗格”)。委托(“#此处的链接id”,“单击”,函数(){
var href2=$('.your link class here').attr('href');
$(“#内容窗格”).load(href2);//如果希望链接保持不变,请将另一个div替换为内容窗格。
});
问题通过以下方式解决:
我想我理解你的方法。但它似乎已经修复了那里的链接id。如果在评论内容加载之前我实际上不知道有多少链接,那该怎么办?@MrCooL,链接的数量到底如何改变这种情况?我的代码非常通用,这意味着它不需要链接的数量。编辑:好的,我想我明白你的问题了,我更改了链接id。。到一个类,那么你可以有多个链接。我已经用问题描述编辑了我的问题。我认为这在某种程度上解决了我需要有ajax经验才能加载同一个DIV的问题。但是,正如我为这个问题所解释的,它无法从review.htmlc访问该类。你能给我完整的源代码吗?我自己尝试过,但由于某种原因(甚至在我的服务器上)加载不起作用。
<script>
var href = $(this).attr('href');
$('#content_pane').load( href );
$('#content_pane').delegate('#your-link-id-here', 'click', function(){
var href2 = $('.your-link-class-here').attr('href');
$('#content_pane').load( href2 );//If you want your links to stay, put another div insted of content_pane.
});
</script>
<a href="/main" class="active"> MAIN </a>
<a href="/review"> REVIEW </a>
<div id="#content_pane"> </div>