Question

我已正确引用了jquery，版本2.1（最新版本）。但是当我点击“关于”时没有任何反应。我在python（Flask）本地服务器上运行代码。我做错了什么？

<div id="main">
  <div class="inner">
    <ul class="nav">
      <li class="active"><a href="/">Home</a></li>
      <li><a href="" id="about">About</a></li>
    </ul>
  </div>
</div>

<script>
  $(document).ready(function () {
    $('#about').click(function() {
      $('#main').append("testing");
    });
  });
</script>

编辑：将#about更改为href='#'，没有任何更改

Answer 1

替换：

<li><a href="" id="about">About</a></li>

与

<li><a href="#" id="about">About</a></li>

结帐Working version。

Answer 2

实际情况是，页面将刷新，因为您将链接href保留为空，这意味着它指向页面本身。

解决方案1：

<li><a href="#" id="about">About</a></li>

解决方案2：停止超链接。

$(document).ready(function () {
$('#about').click(function() {
  $('#main').append("testing");
  return false;
});

}）;

Answer 3

您需要阻止链接的默认操作...

$('#about').click(function(e) {
    e.preventDefault();
    $('#main').append("testing");
});

简单的jquery ajax append（）不起作用

3 个答案: