javascript - div 中的 ajax html

Question

在我的 html 代码中我有这个

<li class="register"><a href="">Registreer</a></li>

和

<div id="content">

</div>

我尝试在 head 中使用以下代码将 html 文件加载到 div

<script type="text/javascript" src="includes/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="includes/js/navbar.js"></script>

navbar.js:

$(document).ready(function() {
$(function(){
  $(".register").click(function(){
    $("#content").load("/signup.html");
    document.write("test");
  });
});
});

我已将 signup.html 复制到我的网页文件夹中。但这不起作用。但它确实显示 1/4 秒的测试。我还尝试将 js 代码直接放入 html 文件中，但这也不起作用。

Answer 1

$(document).ready(function () {
    $(".register").click(function(){
        $("#content").load("/signup.html");
        return false;
     });
});

通过从点击事件返回 false，超链接元素将知道不执行其默认操作(这就是页面刷新的原因)。