javascript - 仅在具有特定类的链接上使用 Ajax

Question

我已经让我的 WordPress 主题使用 ajax 加载页面内容。我遇到的唯一问题是我是否想控制加载内容的链接。我能想到的最简单的方法是在我的标签上使用类。

我可以使用 :not 来限制哪些链接激活 ajax

$(document).on("click", "a[href^='"+siteUrl+"']:not([href*='/wp-admin/']):not([href*='/wp-login.php']):not([href$='/feed/']):not('nonajaxlink')", function() {
    location.hash = this.pathname;
    return false;
});

但是如果我采用这种方法，我将不得不为所有未与 ajax 一起使用的链接提供一个特殊的类。

我也尝试过这个:

$('.ajaxlink').click(function(){
    $(document).on("click", "a[href^='"+siteUrl+"']:not([href*='/wp-admin/']):not([href*='/wp-login.php']):not([href$='/feed/'])", function() {
        location.hash = this.pathname;
        return false;
    });
});

但是ajax似乎忽略了点击功能，无论如何都会这样做。

有没有办法让我只能选择某些链接来使用我的ajax？提前致谢!

Answer 1

如果您需要它是通用的，请在文档以南查找.ajaxLink:

$(document).on('click', '.ajaxLink', function(e) {
    e.preventDefault();
    location.hash = e.target.pathname;
});