jQuery UI selectable不會與任何除＃'selectable'以外的任何工作

Question

我想在我的網站上使用jquery選擇器UI的2個實例，它似乎不會與任何除'#selectable'列表ID。

這裏是我的代碼..

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#selectable").selectable(); 
    }); 
</script> 

<ol id="selectable"> 
    <li class="ui-widget-content">Item 1</li> 
    <li class="ui-widget-content">Item 2</li> 
    <li class="ui-widget-content">Item 3</li> 
    <li class="ui-widget-content">Item 4</li> 
    <li class="ui-widget-content">Item 5</li> 
    <li class="ui-widget-content">Item 6</li> 
    <li class="ui-widget-content">Item 7</li> 
</ol> 

但如果我嘗試使用除可選擇其他的東西，它不工作..任何人有類似的問題？

Answer 1

我正常工作與下面的代碼：

<script type="text/javascript"> 
    $(function() { 
     $('#cheeses').selectable(); 
    }); 
</script> 

<ul id="cheeses"> 
    <li>Cheddar</li> 
    <li>Swiss</li> 
    <li>Parmesan</li> 
</ul> 

所有我可以建議是，也許你有CSS所以它實際上是工作聯繫在一起的#selectable ID，但你不能看到任何改變視覺。