Question

当我点击链接时，我想要 page2.html ，而不会重新加载当前页面。尽管进行了所有试验，但当我点击链接时，它会重新加载整个页面，然后再显示page2.html

<script>
  $(document).ready(function() {
    $("a").click(function(event) {
      var $this = $(this),
        url = $this.data("url");

      $(document.body).load(url);
      event.preventDefault();
    });
  }); < /script>

homepage.html

<a href="#" data-url="page2.html" class="topic-list-item">

  <h3 class="topic-title">Internet Protocol Basics</h3>

  <div class="topic-description-text">
    Learn how Internet Protocol is used
  </div>
</a>

Answer 1

$("a").click(function() {
var $this = $(this),
    href = $this.attr("href");

$(document.body).load(href);

location.href = "#" + href;
});

有关详细信息，请参阅jQuery.fn.load。

Answer 2

试试这个

Tue Nov 03 16:29:11 EET 2015

Answer 3

尝试使用此代码

$(document).ready(function () {
            $("a").click(function (event) {
                var $this = $(this),
                    url = $this.data("url");

                $(document.body).load(url);
                event.preventDefault();
            });
        });

Digital代码的问题在于，当我们点击时，他没有使用数据函数来获取url然后会调用锚的默认操作，所以我们需要停止默认操作，所以我使用了event.preventDefault （）;

也总是将你的jquery代码放在$（document）.ready block

之间

打开没有页面重新加载的链接

3 个答案: