jQuery UI selectable不能与'#selectable‘以外的任何东西一起使用

Question

我正尝试在我的网站上使用jquery选择器UI的两个实例，除了'#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，所以它实际上是工作的，但你只是看不到任何视觉上的变化。