如何从jQuery UI Selectable中排除锚标记?

时间:2012-08-14 09:40:36

标签: jquery html jquery-ui jquery-ui-selectable

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

在每个li中都有一个锚标记,我想为它添加一个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();
           });

所以我只是想让我的'hi'消息弹出,并且当他们点击锚标签时不选择该列表项。

有什么想法吗?

干杯

1 个答案:

答案 0 :(得分:3)

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

jQuery UI可选选项:Cancel