jquery - 除了 '#selectable' 之外，jQuery UI selectable 不能使用任何东西

Question

我正在尝试在我的网站上使用 2 个 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，因此它实际上可以工作，但是您看不到任何视觉上的变化。