如何调整JS中使用的选择器,使其仅指向被点击的选择器?

时间:2015-05-13 作者:Johnc1979

我有一个js问题让我有些困惑。

我所拥有的是一个允许以下操作的插件。它运行得很好,除了一件事。当同一页面上有几个follow链接时,它会触发所有这些链接。虽然结果是预期的,这意味着只有被点击的人才能获得关注,但所有链接似乎都会触发。我假设这与$有关,但我不确定,也不知道在哪里尝试修复它。这是js代码:

jQuery(document).ready(function($) {
    /*******************************
    follow / unfollow a user
    *******************************/
    $( \'.follow-links a\' ).on(\'click\', function(e) {
        e.preventDefault();

        var $this = $(this);

        if( pwuf_vars.logged_in != \'undefined\' && pwuf_vars.logged_in != \'true\' ) {
            alert( pwuf_vars.login_required );
            return;
        }

        var data      = {
            action:    $this.hasClass(\'follow\') ? \'follow\' : \'unfollow\',
            user_id:   $this.data(\'user-id\'),
            follow_id: $this.data(\'follow-id\'),
            nonce:     pwuf_vars.nonce
        };

        $(\'img.pwuf-ajax\').show();

        $.post( pwuf_vars.ajaxurl, data, function(response) {
            if( $.response == \'success\' ) {
                $(\'.follow-links a\').toggle();
            } else {
                alert( pwuf_vars.processing_error );
            }
            $(\'img.pwuf-ajax\').hide();
        } );
    });
});

1 个回复
最合适的回答,由SO网友:webtoure 整理而成

$(\'.follow-links a\').toggle(); should be $this.toggle();.

结束

相关推荐

在我的WordPress主题中包含JavaScript和CSS的正确方法

我正在尝试用正确的方法构建我自己的Wordpress主题。但是我发现的第一个问题是如何“使用正确的方式”添加css和js。我找到了一些如何做的教程。e、 x:http://code.tutsplus.com/tutorials/loading-css-into-wordpress-the-right-way--cms-20402 (这是“2014年6月30日”)这一个http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in