JQueryUI .selectable事件

Question

我在JQuery .selectable函数中遇到了一个小问题

我想要做的是将一些事件绑定到每个选项卡。

我可以处理每个选项卡的单击事件

但问题是，当我选择两个或更多选项卡时，

我不知道我是怎么处理的。

例如，如果我单击(也只是通过拖动选择)一个选项卡，

必须使用某些排序函数，且

此外，每个不同的定义函数必须在拖动多个选择时起作用。

当然，我可以使用一些flag欺骗来解决这个问题

但这并不是我真正想要的。

有谁有一些有效的解决方案吗？

   $("#selectable2").selectable(
    {
        selected: function()
        {
           $(".arcplan").on("selectableselected", function()
           {
               $(".big-tile").hide(200);
           }) 

        }
    });


 <div class="menu">
    <div class="inner">
        <ol id="selectable2">
           <li class="alltype2">all</li>
           <li class="arcplan">Arcplan</li>
           <li class="msbi">MSBI</li></li>
           <li class="excel">Excel</li>
           <li class="etc">etc</li>
        </ol>
    </div>
 </div>

Answer 1

试一试

$("#selectable2").selectable({
  selected : function(event, ui) {
    if($(ui.selected).hasClass('arcplan')){
      $(".big-tile").hide(200);
    }
    }
});

Fiddle -当你点击Arcplan时，big-tile元素是隐藏的，如果你选择了其他任何东西，它就会显示出来。

Answer 2

从文档(http://api.jqueryui.com/selectable/#event-selected)：

$('#selectable2').selectable();
$('#selectable2').on('selectableselected', function(event, ui){
  doSomethingWithTheSelected(event.target);
});