3

我有以下 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');
});

关于我做错了什么的任何想法？

4

5 回答 5

4

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

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

小提琴

于 2012-08-11T07:56:37.313 回答
3

你拼错了可选择的。

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

看看这个jsFiddle

于 2012-08-11T07:53:45.950 回答
1

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

于 2012-08-11T08:03:40.720 回答
0 
$(document).ready(function () {
    $('#selectable li:first').attr("selected",true);
});

看到这个问题：jQuery 不能在 <option> 元素上通过 attr() 设置 "selected"="selected"？

于 2012-08-11T07:54:48.067 回答
0

你可以这样使用

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

请检查示例：FIDDLE

于 2012-08-11T08:02:28.467 回答