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

【问题标题】：jquery ui selectable: make an option selected on loadjquery ui selectable：在加载时选择一个选项
【发布时间】：2012-08-11 07:49:22
【问题描述】：

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

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

【问题讨论】：

你有一个错字，在#selctable 中缺少一个e ？

标签： javascript jquery jquery-ui jquery-ui-selectable

【解决方案1】：

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

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

FIDDLE

【讨论】：

+1 以获取有关以编程方式将选择添加到可选择项的帮助。 jQuery Ui Selectable 文档中没有这方面的指导。我相信这将是一个非常普遍的要求。

【解决方案2】：

你拼错了 selectable。

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

看看这个jsFiddle

【讨论】：

我想我需要睡觉了。

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

看到这个问题：jQuery Cannot set "selected"="selected" via attr() on <option> elements?

【讨论】：

selected 用于选择元素的选项..他有一个OL
是我的错，我对您的回复投了赞成票，因为您所说的错误拼写错误

【解决方案5】：

你可以这样使用

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

请查看示例：FIDDLE

【讨论】：