0

JQuery .selectable 関数で小さな問題が発生しました

私がやりたいのは、いくつかのイベントを各タブにバインドすることです。

各タブのクリックイベントを処理できます

しかし問題は、2 つ以上のタブを選択したときです。

私はそれをどのように処理するかわかりません。

たとえば、1 つのタブをクリック (およびドラッグで選択) すると、

いくつかのソート機能が機能する必要があり、

また、定義された各機能は、複数の選択をドラッグする際に機能する必要があります。

もちろん、これを解決するためにいくつかのフラグチートを使用できます

しかし、それは私が本当に望んでいることではありません。

誰かがいくつかの効果的な解決策を持っていますか?

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

デモ: Fiddle - 要素をクリックするArcplanbig-tile非表示になり、他のものを選択すると表示されます。

于 2013-04-18T03:40:10.440 に答える