Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Ajax加载&x2B;刷新同一个div_Jquery_Jquery Load - Fatal编程技术网

Jquery Ajax加载&x2B;刷新同一个div

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”将评论页面

将模板内容加载到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”将评论页面加载到div#content_窗格中
  • 评论内容的一部分,包含页码的href链接
  • 问题当我点击这些链接(页码)时,我希望在这个评论页面上点击的链接的内容能够像上面的jQuery加载一样以AJAX效果加载回这个div#content_窗格
  • 编辑

    当前问题:

    将review.html加载到div#content_窗格后,无法从main.html访问review.html中的class.pageLink


    有人能帮忙吗?

    好的,如果我没听错的话,
    您需要一种在对这些链接的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替换为内容窗格。
    });
    
    问题通过以下方式解决:

  • main.html中的div元素加载review.html
  • review.html可以访问main.html中的div元素
  • 因此,可以执行在review.html、jQuery/javascript上单击的任何链接来刷新main.html中的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>