javascript - jquery ui 可选 : make an option selected on load

Question

我有以下 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>

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

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

对我做错了什么有什么想法吗？

Answer 1

在将类添加到第一个 li

之前，您需要调用 selectable()

$(function() {
    $( "#selectable" ).selectable().children().first().addClass('ui-selected');
});​

FIDDLE