1

ol#gardien内部に li を含む 2 つの ol 要素があり、1 つの要素のみと複数の要素を選択できるようにしたいと考えています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>
4

2 に答える 2

0

イベントを使用して試すことができselectedます。このイベントでは、選択した要素を削除して新しい要素を選択できます。

コード：

$(document).ready(function () {
    $("#milieu").selectable();

    $("#gardien").selectable({
        selected: function (event, ui) {
            $(ui.selected).addClass("ui-selected").siblings().removeClass("ui-selected");
        }
    });
});

デモ: http://jsfiddle.net/RwYxb/

于 2013-10-22T16:07:57.467 に答える
0

私がしたことは、複数選択したいものと1つしか選択できないものを2つに分けることです。

複数選択 :

$("#milieu").bind("mousedown", function(e) {e.metaKey = true;}).selectable();

選択できるのは 1 つだけです (jquery のデフォルトの動作)。

$("#gardien" ).selectable();
于 2013-10-22T16:51:53.397 に答える