Question

当用户点击它时，我正在使用一个按钮来更改另一个按钮的颜色。但是，由于一些不明原因它不起作用。请帮帮我。

<!DOCTYPE html>
<html>
<head>
    <title>My Gallery</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <p id="btn1" class="btn btn-primary">Click me!</p>
        <p id="btn2" class="btn btn-default">Change color!</p>
    </div>

    <!-- Javascript -->
    <script src="js/jquery-2.1.3.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script>
        var main = function() {
            $("#btn2".click(function() {
                $("#btn1").toggleClass(".btn-primary");
            });
        }

        $(document).ready(main);
    </script>
</body>
</html>

Answer 1

不要放＆＃34;。＆＃34;在类名前面（就像在选择器中那样）：

$("#btn1").toggleClass("btn-primary");

Answer 2

此：

$("#btn2".click(function() {

应该是：

$("#btn2").click(function() {

注意“＃btn2”选择器之后的右括号。

正如其他人所指出的那样，您还需要删除从切换类名开始的句点。您需要检查控制台是否有错误。

Answer 3

应该是这样的。

$("#btn2").click(function() {
    $("#btn1").toggleClass("btn-primary");
});

切换类不工作

3 个答案: