通过JavaScript / jQuery单击按钮来调用单击函数

Question

这是我的JavaScript：

function privacy(current)
{
    var $this = $(current), 
    $scope = $this.closest('.uk-button-group'), 
    value = $this.val();
    $.ajax({
        type: 'post',
        url: '/privacy.php',
        data: {key: value },
        success: function () {
        }
    });
}
$(function() {
    $("#privacy1, #privacy2, #privacy3").click(function() {
        privacy($this);
        alert('A button has been clicked!');
    });
});

这是我的HTML：

<div class="uk-button-group">
    <button class="uk-button" id="privacy1" value="1">Public</button>
    <button class="uk-button" id="privacy2" value="2">Protected</button>
    <button class="uk-button" id="privacy3" value="3">Private</button>
</div>    

当我单击其中一个按钮时，它应调用隐私功能并提醒我已单击了一个按钮，但没有单击。 谁能帮助我，告诉我我的代码有什么问题？ 非常感谢您！

Answer 1

您没有任何标识符$this ，您可能需要使用$(this)更改$this或仅通过this来传递事件源对象

privacy(this);

要么

privacy($(this));

Answer 2

替换为：

privacy(this);

Answer 3

在这里尝试： http : //jsfiddle.net/pqdgT/

$(function() {
    $("#privacy1, #privacy2, #privacy3").click(function() {
        privacy($(this));
        alert('A button has been clicked!');
    });
});

Answer 4

这是您的工作代码

这是精炼的代码

function privacy(current)
{
    var btn = $(current), 
    scope = $(btn).closest('.uk-button-group'), 
    value = $(btn).val();
    $.ajax({
        type: 'post',
        url: '/privacy.php',
        data: {key: value },
        success: function () {
        }
    });
}
$(function() {
    $("#privacy1, #privacy2, #privacy3").click(function() {
        privacy(this);
        alert('A button has been clicked!');
    });
});

命名变量时，请避免使用保留关键字- 这是保留字的列表

并且请谨慎使用语法，并随时使用浏览器控制台。