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

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'
    });
});