Question

我试图在点击后切换我的课程，但我无法这样做 - 如果有人能指出我错过了什么或做错了那会很棒。

<a class="rGroupIcons icon-plus addUsersToGroup float_right" href="#" data-bind="attr: { 'data-user-id': ID()}"></a>
<div class="Roles fade in" data-bind="foreach: $parent.Roles()">
     <a style="display: none;" class="roleType btn addUsersWithGroupRole" data-bind="text: RoleTypeName, attr: { 'data-roletype-id': RoleId() }"></a>
                                </div>

的Javascript

$(document).on('click', '.addUsersToGroup', function (event) {
            $(".addUsersToGroup", $(this)).toggleClass("icon-plus icon-minus");
        });

Answer 1

你需要在元素addUsertsToGroup

中寻找.addUsertsToGroup时使用$（this）

$(document).on('click', '.addUsersToGroup', function (event) {
           $(this).toggleClass("icon-plus icon-minus");
        });

此处的工作示例http://jsfiddle.net/domjgreen/NLYNK/

css类切换不切换类

1 个答案: