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()会更有效率。

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

1 个答案: