jquery-ui – jQuery UI可选,点击链接不被遵循

前端之家收集整理的这篇文章主要介绍了jquery-ui – jQuery UI可选,点击链接不被遵循前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jQuery UI库可选()。只有在新窗口或标签中右键单击和打开,点击后才可以在可选列表项目中链接

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

});

解决方法

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

对于您的代码

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

猜你在找的jQuery相关文章