jQueryUI可选,但单击时不跟随链接

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (59)

使用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();

});
提问于
用户回答回答于

selectable()方法使用一个名为cancel的选项。默认情况下,它是“:输入,选项”,但是你可以使用它来使锚点不适用于可选事件。

对于你的代码:

$(document).ready(function() {
    $(".selectable-list").selectable({
        cancel: 'a'
    });
});
用户回答回答于

可选是覆盖href上的单击事件。你可能需要添加导航功能。

扫码关注云+社区

领取腾讯云代金券