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

在将课程添加到第一个selectable()

之前，您需要致电li

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

FIDDLE

Answer 2

你拼错了可选择的。

$('#selectable li:first').addClass('ui-selected');

查看此jsFiddle

Answer 3

attributeName - 使用.attr（）并将值设置为true：http://api.jquery.com/attr/

Answer 4

$(document).ready(function () {
    $('#selectable li:first').attr("selected",true);
});

请参阅此问题：jQuery Cannot set "selected"="selected" via attr() on <option> elements?

Answer 5

你可以像这样使用

$('#selectable :first-child').addClass('ui-selected');

请查看示例：FIDDLE

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

5 个答案: