jQuery UI Selectable问题：如何将fc-event div设为单个可选单元

嗨，我来帮你搞定这个问题！你遇到的情况是jQuery UI Selectable的默认行为导致的——它会自动把容器内所有子元素都标记为可选项（加上ui-selectee类），这就打乱了你想让.fc-event作为整体选中的需求。

解决方案：使用filter选项指定可选单元 #

只需要在初始化Selectable的时候，通过filter参数明确指定.fc-event作为可选中的单元，这样容器就只会把这些div当作独立的可选项，不会影响内部的子元素。

修改你的初始化代码为：

$("#append_users").selectable({
  filter: ".fc-event" // 只把class为fc-event的元素设为可选单元
});

原理说明 #

filter是jQuery UI Selectable的核心配置项之一，它允许你通过选择器筛选出容器内需要作为可选单元的元素。设置之后，只有匹配.fc-event的元素会被添加ui-selectee类，并且作为整体被选中，内部的子元素（比如头像、用户信息段落等）不会被当作独立的可选项。

额外注意事项 #

• 确保你已经正确引入了jQuery和jQuery UI的脚本，并且版本兼容（比如jQuery 3.x搭配jQuery UI 1.12.x是比较稳妥的组合）。
• 如果你的.fc-event上绑定的其他事件（比如ondblclick、onmousedown）出现冲突，可以尝试把内联事件改成jQuery的事件绑定方式，避免干扰Selectable的交互逻辑。

内容的提问来源于stack exchange，提问作者Andrew Johnson