Question

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

HTML

<ul class="selectable-list">
    <li>
        <p>Visit Google.</p>
        <a href="http://www.google.com">Google</a>
    </li>
    <li>
        <p>Visit Apple.</p>
        <a href="http://www.apple.com">Apple</a>
    </li>
    <li>
        <p>Visit Microsoft.</p>
        <a href="http://www.microsoft.com">Microsoft</a>
    </li>
</ul>

CSS

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

JS

$(document).ready(function(){

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

});

Answer 1

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

代码：

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

Answer 2

可选择覆盖href上的点击事件。您可能不得不重新添加导航功能。

然而，这似乎是你拍摄的奇怪行为。为什么我要同时选择某些内容并按照链接（大概是新窗口，然后重点关注）？

jQuery UI可选，单击时不遵循链接

2 个答案: