Пользовательский интерфейс 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. Вероятно, вам придется добавить обратно в функциональность навигации.
Однако это похоже на странное поведение, за которое вы стремитесь. Почему я должен когда-либо хотеть как выбрать что-то, так и следовать ссылке (предположительно, в новое окно, которое затем будет сфокусировано) в то же время?