首页
学习
活动
专区
工具
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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1555836

复制
相关文章

相似问题

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