jQuery UI sélectionnable ne fonctionnera pas avec autre chose que '#selectable'

Question

J'essaie d'utiliser 2 instances de l'interface utilisateur du sélecteur jquery sur mon site et il ne semblera pas fonctionner avec autre chose que '#selectable' liste id.

Voici mon code ..

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

Mais si j'essaie d'utiliser autre chose que sélectionnable, il ne fonctionne pas .. Quelqu'un at-il des problèmes similaires?

Answer 1

fonctionne bien pour moi avec le code suivant:

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

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

Tout ce que je peux suggérer est que vous avez peut-être CSS lié à l'ID #selectable il fonctionne réellement, mais vous ne pouvez voir rien changer visuellement .