我需要实现的是
1)我可以在每次点击时选择几个元素。
2)当我再次点击所选元素时,应该取消选择
HTML CODE:
<ol id="selectable">
<li class="ui-widget-content">Item 1</li>
<li class="ui-widget-content">Item 2</li>
<li class="ui-widget-content">Item 3</li>
<li class="ui-widget-content">Item 4</li>
<li class="ui-widget-content">Item 5</li>
<li class="ui-widget-content">Item 6</li>
<li class="ui-widget-content">Item 7</li>
</ol>
CSS代码:
#feedback {
font-size: 1.4em; }
#selectable .ui-selecting {
background: #FECA40; }
#selectable .ui-selected {
background: #F39814;
color: white; }
#selectable {
list-style-type:
none; margin: 0;
padding: 0;
width: 60%; }
#selectable li {
margin: 3px;
padding: 0.4em;
font-size: 1.4em;
height: 18px; }
JQUERY CODE:
$(function() {
$( "#selectable" ).selectable();
});