jQuery UI可選 - 我做錯了什麼？

Question

我知道我在做jQuery的UI可選代碼錯誤，但我無法弄清楚究竟是什麼。另外，如何將jQuery UI可選代碼的兩部分壓縮爲一個函數？

謝謝！

HTML：

<ul id="monthPicker"> 
    <li class="month ui-selectable">January</li> 
    <li class="month ui-selectable">February</li> 
    <li class="month ui-selectable">March</li> 
    <li class="month ui-selectable">April</li> 
    <li class="month ui-selectable">May</li> 
    <li class="month ui-selectable">June</li> 
    <li class="month ui-selectable">July</li> 
    <li class="month ui-selectable">August</li> 
    <li class="month ui-selectable">September</li> 
    <li class="month ui-selectable">October</li> 
    <li class="month ui-selectable">November</li> 
    <li class="month ui-selectable">December</li> 
</ul> 

的jQuery：

$(document).ready(function() { 

    //works 
    $('.month').bind('click', function() { 
     $(this).toggleClass('picked'); 
    }); 

    //doesn't work 
    $('.month').selectable({ 
     selected: function(event, ui) { 
      if($(this).hasClass('picked')){ 
       $(this).removeClass('picked'); 
      }      
      else{ 
       $(this).addClass('picked'); 
      } 
     } 
    }); 

    //doesn't work 
    $('.month').selectable({ 
     unselected:function(event, ui) { 
      if($(this).hasClass('picked')){ 
       $(this).removeClass('picked'); 
      }      
      else{ 
       $(this).addClass('picked'); 
      } 
     } 
    }); 

}); 

Answer 1

你應該是父元素，而不是孩子們在呼喚selectable：

 
$('#monthPicker').selectable(); 

選定的項目，然後給予等級ui-selected當用戶選擇他們。

如果您想要設置列表項目（<li>元素）的樣式，則會給予類別ui-selectee。