Question

如何使用jQuery加载新页面的内容？

这是我的HTML：

  <ul>
    <li><a href="../index.php" class="tab">page 1</a></li>
    <li><a href="http://www.google.ca" class="tab">page 2</a></li>
  </ul>
<div id="response"></div>

这是我的jQuery：

<script>
$(document).ready(function () {
    $("a.tab").click(function(){
            $("#response").html(load($(this).attr('href')));
    });
});
</script>

问题：它重定向到页面。

我希望第一个网址保持不变。

我该怎么办呢？

感谢。

Answer 1

<script>
$(document).ready(function () {
    $("a.tab").click(function(event){
            event.preventDefault();
            $("#response").html(load($(this).attr('href')));
    });
});
</script>

您可以通过这种方式阻止回发，也可以return false;

Answer 2

您也可以使用jQuery.load直接执行此操作（以及@Maulik Anands关于保持链接点击事件不执行的说明：

$(document).ready(function() {
   $('a.tab').click(function(event) {
       event.preventDefault();
       $('#response').load($(this).attr('href'));
       return false;
   });
});

在当前Web中加载新内容页面

2 个答案: