0

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

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

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

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

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

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

一些排序功能必须有效并且

每个不同的定义功能也必须在拖动多个选择时起作用。

当然，我可以使用一些标志作弊来解决这个问题

但这不是我真正想要的。

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

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

2 回答 2

0

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

$('#selectable2').selectable();
$('#selectable2').on('selectableselected', function(event, ui){
  doSomethingWithTheSelected(event.target);
});
于 2013-04-17T05:02:15.380 回答
0

尝试

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

演示：小提琴- 当您单击元素Arcplan时big-tile隐藏，如果您选择其他任何内容，它会显示回来。

于 2013-04-18T03:40:10.440 回答