jquery - CSS/JQuery AddRemove 类需要点击 2 次？

Question

实时视图：https ://tornhq.com/WorkingOn/Account/Management/PageBuilder/editor.html

如果您单击类名称为“.Button”的底部按钮行，则需要单击两次才能添加“ButtonActive”类。

我还想知道如何实现它，以便在单个时间只能激活“Sub”或“Super”脚本按钮中的一个。

我的jQuery：

<script type="text/javascript">
    $(document).click(function (e) {
        $('.Button').click(function () {
            if ($(this).hasClass("ButtonActive") ) {
                $(this).removeClass("ButtonActive");
            } else {
                $(this).addClass("ButtonActive");
            };
        });
    });
</script>

Answer 1

$(document).click(function (e) {

改成ready

jQuery(document).ready(function ($) {

此外，这不是eventObject作为参数传递的，而是jQuery对象本身。

短句法

jQuery(function($) {

正如@Kevin B 提到的那样，使用toggleClass()会更有效率。