使用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();
});
发布于 2009-11-05 12:41:01
selectable()方法接受一个名为cancel的选项。默认情况下,它是":input,option",但您可以使用它来使您的锚点不适用于可选择的事件。
对于您的代码:
$(document).ready(function() {
$(".selectable-list").selectable({
cancel: 'a'
});
});
发布于 2009-10-13 01:26:10
Selectable正在覆盖href上的单击事件。您可能需要重新添加导航功能。
然而,这似乎是你所追求的奇怪的行为。为什么我会想要同时选择某个东西和一个链接(假设是指向一个新窗口,然后该窗口会获得焦点)?
https://stackoverflow.com/questions/1555836
复制相似问题