如何为jQuery UI Selectable设置默认选中id为Today的项

jQuery UI Selectable组件通过ui-selected类标记选中状态，以下是两种实现默认选中的方案：

方案一：初始化后添加选中类 #

在Selectable初始化完成后，直接给目标元素添加ui-selected类即可：

$("#selectable_date").selectable({
  selected: function (event, ui) {
    console.log(event);
    console.log(ui);
    var id = $(".ui-selected").attr("id");
    // 你的其他逻辑
  }
});

// 默认选中Today选项
$("#Today").addClass("ui-selected");

方案二：触发选中事件（执行回调逻辑） #

如果需要默认选中时也执行selected回调里的业务代码，可以手动触发对应的事件：

$("#selectable_date").selectable({
  selected: function (event, ui) {
    console.log(event);
    console.log(ui);
    var id = $(".ui-selected").attr("id");
    // 你的其他逻辑
  }
});

const $todayItem = $("#Today");
// 添加选中类
$todayItem.addClass("ui-selected");
// 触发selectableselected事件，让回调函数执行
$("#selectable_date").trigger("selectableselected", { selected: $todayItem[0] });

可选：HTML直接添加类 #

也可以在HTML结构里直接给Today的li加上ui-selected类，不过推荐在JS中处理，保持样式与逻辑分离：

<li id="Today" class="ui-widget-content ui-selected">Today</li>

内容的提问来源于stack exchange，提问作者A. Gladkiy