使用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();
- });