1

我已经让我的 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？提前致谢！

4

2 回答 2

1

如果您需要它是通用.ajaxLink的，请在以下位置查找document：

$(document).on('click', '.ajaxLink', function(e) {
    e.preventDefault();
    location.hash = e.target.pathname;
});
于 2013-01-28T19:43:37.953 回答
0

试试这个：

$(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 的选择器。

于 2013-01-28T19:37:07.020 回答