Question

我已经实现了一些基本的ajax，用于通过onclick标记的<a>加载页面。

问题是我的JS没有返回onclick它的bool val，这是我的JS / jQuery和我的HTML，我相信这是对我的一个小疏忽，但它的让我疯了。

JS：

function loadPage (caller) {
  var href = $(caller).attr('href');
  var url = 'http://localhost/api';

  $.ajax({
    type: 'POST',
    url: url + href,
    dataType: 'json',
    data: {},
    success: function (data) {
      $('li.active').removeClass('active');
      $(caller).parent().addClass('active');
      $('div#content').html(data);
      history.pushState({foo: "bar"} , '', href);
      return false;
    },
    error: function () {
      return true;
    }
  });
}

HTML：

<li><a class="header-text" href="/" onclick="return loadPage(this);"></a></li>

如果有人想知道我这样做，那么按钮会占用内容，如果js由于某种原因失败，它将完全加载页面。

Answer 1

为了确保完全装载。您可以使用以下代码

// A $( document ).ready() block.
$( document ).ready(function() {
    console.log( "ready!" );
});

https://learn.jquery.com/using-jquery-core/document-ready/

对于onclick，jQuery回调返回true / false

1 个答案: