我有两个带有li的ol元素,我想允许在ol#gardien
中只选择一个元素,并在ol#milieu
几个元素中选择。我怎么能用jQuery做到这一点?
HTML:
<ol id="gardien" class="selectable ui-selectable">
<li class="ui-widget-content">Olivier</li>
<li class="ui-widget-content">Arnaud</li>
<li class="ui-widget-content">Rémy</li>
<li class="ui-widget-content">Willy</li>
</ol>
<ol id="milieu" class="selectable ui-selectable">
<li class="ui-widget-content">Alain</li>
<li class="ui-widget-content">Loic</li>
<li class="ui-widget-content">Benoît</li>
</ol>
答案 0 :(得分:0)
您可以尝试使用selected
事件,在这种情况下,您可以删除所选元素并选择新元素。
代码:
$(document).ready(function () {
$("#milieu").selectable();
$("#gardien").selectable({
selected: function (event, ui) {
$(ui.selected).addClass("ui-selected").siblings().removeClass("ui-selected");
}
});
});
答案 1 :(得分:0)
我所做的是将两个我想要多选的东西和一个只有一个选择的东西分开。
多重选择:
$("#milieu").bind("mousedown", function(e) {e.metaKey = true;}).selectable();
只能进行一次选择(jquery中的默认行为)
$("#gardien" ).selectable();