1

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 に答える