jquery-ui – jQuery UI可选,点击链接不被遵循

前端之家收集整理的这篇文章主要介绍了jquery-ui – jQuery UI可选,点击链接不被遵循前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jQuery UI库可选()。只有在新窗口或标签中右键单击和打开,点击后才可以在可选列表项目中链接

HTML

  1. <ul class="selectable-list">
  2. <li>
  3. <p>Visit Google.</p>
  4. <a href="http://www.google.com">Google</a>
  5. </li>
  6. <li>
  7. <p>Visit Apple.</p>
  8. <a href="http://www.apple.com">Apple</a>
  9. </li>
  10. <li>
  11. <p>Visit Microsoft.</p>
  12. <a href="http://www.microsoft.com">Microsoft</a>
  13. </li>
  14. </ul>

CSS

  1. .selectable-list li.ui-selected,.selectable-list li.ui-selected:hover {
  2. background-color: #ccc;
  3. }

JS

  1. $(document).ready(function(){
  2.  
  3. $(".selectable-list").selectable();
  4.  
  5. });

解决方法

可选()方法使用一个名为 cancel的选项。默认情况下,它是“:input,option”,但是可以使用它来使锚点不适用于可选择的事件。

对于您的代码

  1. $(document).ready(function() {
  2. $(".selectable-list").selectable({
  3. cancel: 'a'
  4. });
  5. });

猜你在找的jQuery相关文章