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

Answer 2

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

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