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

我已经让我的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似乎忽略了click函数，只是照做了

有没有一种方法可以让我只选择某些链接来使用ajax？提前谢谢

试试这个：

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

使用此选项，您可以将选择器设置为仅具有ajaxLink类的选择器。

尝试此选项：

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

---

这样，您可以将选择器设置为仅具有ajaxLink类的选择器。

如果需要将其设置为泛型，请查找

。ajaxLink

位于

文档南部的位置：

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

如果需要通用，请查找
文档南部的
.ajaxLink
：

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

在第二个示例中，您绑定了一个click处理程序，它只绑定了另一个click处理程序。在第二个示例中，您绑定了一个click处理程序，它只绑定了另一个click处理程序。什么是
jaxa
？那是打字错误吗？砰，这很有效。非常感谢。我不知道你可以添加这样的类选择器。所以我学到了一些新东西。Rock on:）是的，对不起，复制粘贴错误，现在更正了，谢谢@RocketHazmatWhat's
jaxa
？那是打字错误吗？砰，这很有效。非常感谢。我不知道你可以添加这样的类选择器。所以我学到了一些新东西。Rock on:）是的，对不起，复制粘贴错别字，现在已经更正，谢谢@RocketHazmatI在上面之前尝试过这个方法，解决了我的问题，但也没有成功。我不完全清楚你想做什么，但是如果你只想选择自定义类的链接，这就是你的方法。我在上面之前尝试过这个方法，这解决了我的问题，但这也不起作用。我不完全清楚你想做什么，但如果你想只选择自定义类的链接，这就是你要做的。