使用委託來交換類

Question

我使用jQuery的委託功能沒有成功切換班，我想是對類的

<li class="unselected-values"> 

切換到

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

當客戶點擊標籤，任何想法，如果它出現錯誤，任何建議或協助將不勝感激。日Thnx

<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> 

Answer 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')才能正確地得到它。

Answer 2

你選擇$('.option-list swatch pockets')是錯誤的，這意味着一個元件pockets其是swatch元件，其是具有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; 
    }); 
}); 

演示：Fiddle