jquery - 如何从 jQuery UI Selectable 中排除 anchor 标记？

Question

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

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

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

这是我的代码片段:

            <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();
           });

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

有什么想法吗？

干杯

Answer 1

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

jQuery UI optional :Cancel