首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery UI可选,单击时不会跟随链接

jQuery UI可选,单击时不会跟随链接
EN

Stack Overflow用户
提问于 2009-10-12 17:21:56
回答 2查看 7.4K关注 0票数 19

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

HTML

代码语言:javascript
复制
<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

代码语言:javascript
复制
.selectable-list li.ui-selected, .selectable-list li.ui-selected:hover {
    background-color: #ccc;
}

JS

代码语言:javascript
复制
$(document).ready(function(){

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

});
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-11-05 12:41:01

selectable()方法接受一个名为cancel的选项。默认情况下,它是":input,option",但您可以使用它来使您的锚点不适用于可选择的事件。

对于您的代码:

代码语言:javascript
复制
$(document).ready(function() {
    $(".selectable-list").selectable({
        cancel: 'a'
    });
});
票数 39
EN

Stack Overflow用户

发布于 2009-10-13 01:26:10

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

然而,这似乎是你所追求的奇怪的行为。为什么我会想要同时选择某个东西和一个链接(假设是指向一个新窗口,然后该窗口会获得焦点)?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1555836

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档