Jquery ui jQuery UI可选-我做错了什么？

我知道我在jQueryUI可选代码方面出了问题，但我不知道到底是什么。另外，如何将jQueryUI可选代码的两部分压缩为一个函数

谢谢大家!

HTML:

---

您应该在父元素而不是子元素上调用

selectable

：

$('#monthPicker').selectable(); $（'#monthPicker'）。可选（）； 然后，当用户选择所选项目时，将为其提供类

ui selected

如果要设置列表项（

元素）的样式，将为它们提供类

ui-selectee

$(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');
            }
        }
    });

});

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