0

我正在使用 jquery 委托函数来切换类但没有成功，我想要的是切换类 

<li class="unselected-values">

至

<li class="<li class="unselected-values">

当客户点击标签时，任何我弄错的想法、任何建议或帮助都将不胜感激。谢谢

    <ul class="option-list swatch pockets">
                            @foreach (var pvaValue in attribute.Values)
                            {                                    
                                <li class="unselected-values">
                                    <input id="@(controlId)_@(pvaValue.Id)" type="checkbox" value="@pvaValue.Id" checked="@pvaValue.IsPreSelected" />
                                    <label for="@(controlId)_@(pvaValue.Id)" style="background-image:url(@(pvaValue.MenuIcon))">@pvaValue.Name</label>
                                </li>
                            }
                        </ul>

<script type="text/javascript">
                      $(document).ready(function() {
                          $('.option-list swatch pockets').delegate('label', 'click', function(event) {
                              $(this).parent().toggleClass('selected-value');
                              console.log($(this).parent);
                              alert($(this).parent);
                              return false;

                          });


                      });
                                </script>
4

2 回答 2

1

尝试这个：

$('.option-list.swatch.pockets').delegate('label', 'click', function (event) {
    $(this).parent().toggleClass('unselected-values selected-value');
    console.log($(this).parent);
    alert($(this).parent);
    return false;
});

您的选择器$('.option-list swatch pockets')不正确。您需要这样做$('.option-list.swatch.pockets')才能正确获取它。

于 2013-04-05T10:46:20.637 回答
1

你的选择器$('.option-list swatch pockets')是错误的，这意味着一个元素pockets在一个swatch元素内，而这个元素在一个带有 class 的元素内option-list。

尝试

$('.option-list.swatch.pockets')

这意味着具有类的元素option-list，swatch和pockets。

此外，为了在两个类之间切换，您需要将两个类都传递给toggleClass方法。

$(document).ready(function() {
    $('.option-list.swatch.pockets').delegate('label', 'click', function(event) {
        $(this).parent().toggleClass('unselected-values selected-value');
        return false;
    });
});

演示：小提琴

于 2013-04-05T10:47:30.710 回答