Пользовательский интерфейс jQuery выбирается, ссылки не выполняются при нажатии

Использование библиотеки jQuery UI selectable(). Ссылки по выбранным элементам списка не выполняются при нажатии, только щелкнув правой кнопкой мыши и открыв их в новом окне или вкладке.

HTML

<ul class="selectable-list">
    <li>
        <p>Visit Google.</p>
        <a href="#" onclick="location.href='http://www.google.com'; return false;">Google</a>
    </li>
    <li>
        <p>Visit Apple.</p>
        <a href="#" onclick="location.href='http://www.apple.com'; return false;">Apple</a>
    </li>
    <li>
        <p>Visit Microsoft.</p>
        <a href="#" onclick="location.href='http://www.microsoft.com'; return false;">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();

});

Ответ 1

Метод selectable() принимает опцию cancel. По умолчанию это ": input, option", но вы можете использовать его, чтобы ваши якоря не применимы к выбираемому событию.

Для вашего кода:

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

Ответ 2

Выбираемый является переопределением событий кликов на href. Вероятно, вам придется добавить обратно в функциональность навигации.

Однако это похоже на странное поведение, за которое вы стремитесь. Почему я должен когда-либо хотеть как выбрать что-то, так и следовать ссылке (предположительно, в новое окно, которое затем будет сфокусировано) в то же время?