jquery ui selectable:在加载时选择一个选项

Kem*_*min 3 javascript jquery jquery-ui jquery-ui-selectable

我有以下 HTML:

<ol id="selectable">
    <li class="ui-state-default">Option 1</li>
    <li class="ui-state-default">Option 1</li>
    <li class="ui-state-default">Option 3</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

例如,我需要在页面加载时默认选择第一个选项。我使用以下代码但没有任何运气:

$(document).ready(function () {
    $('#selctable li:first').addClass('ui-selected');
});
Run Code Online (Sandbox Code Playgroud)

关于我做错了什么有什么想法吗?

ade*_*neo 5

您需要selectable()在将类添加到第一个类之前调用li

\n\n
$(function() {\n    $( "#selectable" ).selectable().children().first().addClass(\'ui-selected\');\n});\xe2\x80\x8b\n
Run Code Online (Sandbox Code Playgroud)\n\n

小提琴

\n