Jquery ui jQuery用户界面可选，点击时不跟随链接

使用jQuery UI库可选择（）。单击时不会跟随可选列表项中的链接，只需右键单击并在新窗口或选项卡中打开即可

HTML

JS

---

Selectable正在覆盖href上的单击事件。您可能需要重新添加导航功能

然而，这似乎是你所追求的奇怪行为。为什么我要同时选择某个内容和跟踪某个链接（可能是指向一个新窗口，该窗口随后会聚焦）？

可选（）方法使用一个名为的选项。默认情况下，它是“：input，option”，但您可以使用它使您的锚不适用于可选择的事件

对于您的代码：

$(document).ready(function() {
    $(".selectable-list").selectable({
        cancel: 'a'
    });
});

---

是的，我看到Selective正在覆盖链接的正常单击功能。那么，问题是关于解决这个问题的最佳方法有哪些建议？用户将在列表中选择要保存到个性化列表中的项目。可选（）交互显示到目前为止已选择的项目。他们也可能选择跟随列表项中的链接。从UI的角度来看，让它自动跟随链接可能不是你想要的。如果是，则在调用.selective（）之后，使用Jquery more扩展OnClick功能。但是，我建议您在单击后使用（选择）激活链接，或者使用（选择）激活链接，反之亦然，单击是选择，但您可以在同一行上添加一个（打开url）链接，单击打开url。我感谢您对UI行为的建议。我正在处理的实际代码包括一个列表项，该列表项包装了一个指向文章的链接和一个文章条目的较长描述，然后是该文章的日期戳。因此，li中的内容更大，可以选择的是li，而不是链接本身。也许这样的描述能帮助你想象我在做什么。对于如何在保留（或重新添加）链接功能的同时保持整个li的可选性，您是否有具体的建议？是的，现在确实更有意义了。我明白你的意思了。我没有具体的建议。我建议在调用selective（）之后，先覆盖该元素的onlick，然后向子元素添加onlick（'hi'）。这就是我要开始的地方。我不知道子元素单击事件与父元素单击事件的优先级是如何处理的。

似乎是一种奇怪的行为

，并没有真正考虑桌面UI的工作方式。我们中的一些人需要在web UI应用程序中复制这种行为。在我到达所需链接后，是否有可能恢复可选链接？我对此投了赞成票。但是后来我发现延迟选项更适合我的用例。

.selectable-list li.ui-selected, .selectable-list li.ui-selected:hover {
    background-color: #ccc;
}

$(document).ready(function(){

    $(".selectable-list").selectable();

});

$(document).ready(function() {
    $(".selectable-list").selectable({
        cancel: 'a'
    });
});