刷新DIV,无需使用jquery刷新整页

时间:2017-06-23 08:39:09

标签: javascript jquery refresh page-refresh partial-page-refresh

我尝试重新刷新div而不刷新整页。 代码:

$(document).ready(function() {
  $(".ext").on('click',function(event) {
    var url = $(this).prop('href');
    $("#change").load(url);
    event.preventDefault();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="page1.html" class="ext">page 1</a>
<a href="page2.php" class="ext">page 2</a>

<div id="change">
  <a href="page3.html" class="ext">page 3</a>
  <a href="page4.php" class="ext">page 4</a>
</div>

对于resfresh page1和page2没问题。 但是当我想重新刷新page3和page 4时,所有页面都在重新刷新。 我没有找到解决方案。 你可以帮助我吗?

ps:抱歉,我是法国人,我的语言不好。

0 个答案:

没有答案