如何从 jQuery UI Selectable 中排除锚标签？答案

【问题标题】：How can I exclude anchor tags from jQuery UI Selectable?如何从 jQuery UI Selectable 中排除锚标签？
【发布时间】：2012-08-14 09:40:36
【问题描述】：

我正在制作一个带有 jQuery 可选的日历，因此您可以选择 li 项目并将事件添加到所选日期。

在每个 li 中都有一个锚标记，我想向它添加一个 javascript onclick 函数 - 但 jQuery UI 可选函数似乎有冲突。

如何排除应用了 jQuery UI 可选功能的项目？我正在尝试使用“NOT”选择器，但它不起作用...

这是我的代码中的一个 sn-p：

            <ol id='selectable' class='selectable'>
                <li class='ui-widget-content' data-date='' date-uid=''>
                    <span class='dayOfWeek disabled'>1</span>
                    <span class='dayName disabled'>Thursday</span>
                    <a href='#' data-travel-day-id='' class='close' onclick='alert("hi");return false;'></a>
                </li>
            </ol>

           $(function () {
            $("#selectable").selectable();
           });

所以我只是想让我的“嗨”消息弹出，并且在他们单击锚标记时不选择该列表项。

有什么想法吗？

干杯

【问题讨论】：

标签： jquery html jquery-ui jquery-ui-selectable

【解决方案1】：

$("#selectable").selectable({
  cancel: "a.close"   
});

jQuery UI 可选选项：Cancel

【讨论】：

你先生，是个该死的英雄。