Question

我在JQuery .selectable function

中遇到了一个小问题

我想做的是将一些事件绑定到每个标签。

我可以处理每个标签的点击事件

但问题是当我选择两个或多个标签时，

我无法弄清楚我是如何处理它的。

例如，如果我单击（并且也只是通过拖动选择）一个选项卡，

某些排序功能必须有效且

每个不同的定义函数也必须适用于拖动多个选择。

当然，我可以用一些旗帜作弊来解决这个问题

但这不是我真正想要的。

有没有人有一些有效的解决方案？

   $("#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

来自文档（http://api.jqueryui.com/selectable/#event-selected）：

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

Answer 2

尝试

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

演示：Fiddle - 当您点击Arcplan时隐藏了big-tile元素，如果您选择了其他内容，则会显示回来。

JQueryUI。可选事件

2 个答案: