JQueryUI .selectable events

Question

我在JQuery中遇到了一個小問題。選擇函數

我想要做的是將一些事件綁定到每個選項卡上。

我可以處理每個標籤

的點擊事件，但問題是，當我選擇兩個或多個選項卡，

我想不通我怎麼處理它。

例如，如果我點擊（也只是通過拖動選擇）一個選項卡，

一些排序函數必須是作品和

也各不同的定義函數必須在拖動多重選擇的作品。

Ofcourse，我可以使用一些標誌騙來解決這個

但這並不是我真正想要的。

有沒有人有一些有效的解決方案？

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