0

これは可能ですか？そうであることを願っています。ui-selectable の複数のインスタンスがあり、それらをクリックすると、他のインスタンスもオフに切り替えます。現在、各 div の 1 つを切り替えます。私のjavascriptまたは何かを変更して、両方のインスタンスを切り替える方法はありますか?

例：

<script type='text/javascript'>
$(window).load(function(){
$(".ui-selectable").selectable();
});
</script>

<div class="ui-selectable">
<ul>
<li>text</li>
<li>text</li>
</ul>
</div>

<div class="ui-selectable">
<ul>
<li>text</li>
<li>text</li>
</ul>
</div>
4

2 に答える 2

0

これを試してください：

$（'。ui-selectable'）。each（function（）{$（this）.toggle（）;}）;

于 2012-08-23T23:24:28.503 に答える
0

問題は、順序付けられていないリスト (ul) である必要があるときに、DIV を選択可能にしていることです。ここにデモがあります: http://jsfiddle.net/H8fPL/21/。他に何か必要な場合はお知らせください。

編集：

これがあなたが探しているものだと思います。これがデモです：http://jsfiddle.net/H8fPL/60/

以下のコードも提供しました....

ジャバスクリプト:

$( ".selectable" ).selectable({
stop: function(event, ui) {
    var el_id = $(this).children("ul").attr("id");

    $("ul.ui-selected").not("#" + el_id).each(function(index, element) { 
       $(element).toggleClass("ui-selected");
        if($(element).children("li").hasClass("ui-selected")){
           $(element).children("li").removeClass("ui-selected");
           }
    });
}
});

HTML:

<div id="div1" class="selectable">
<ul id="ul1">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
</ul>
</div>
<div id="div2" class="selectable">
<ul id="ul2">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
</ul>
</div>
于 2012-08-24T00:13:29.357 に答える