使用多個選擇和點擊與jquery可選

Question

我正在做一個小時計劃與jquery可選。

這個想法很簡單：多選可能。如果點擊，小時將打開/關閉。如果移動按下，字段變成紅色&被銷燬。

代碼：

$(function() { 
    $("#selectable").bind("mousedown", function(event) { 
     event.metaKey = true; 
    }).selectable({ 
     selecting: function() { 
      $(this).find('td.ui-selecting').addClass('potential'); 
      if (event.shiftKey == 1) { 
       $(this).find('td.ui-selecting').addClass('destroy'); 
      } 
     }, 
     stop: function() { 
      $(this).find('td.ui-selected.destroy').removeClass('ui-selected potential'); 
      $(this).find('td.ui-selected.potential').removeClass('potential'); 
      $(this).find('td.destroy').removeClass('destroy'); 
     } 
    }); 
    $("td.ui-state-default").click(function() { 
     $(this).toggleClass('ui-selected'); 
    }); 
});​ 

見活生生的例子：http://studentify-static-pages.s3.amazonaws.com/calendar.html

現在。我似乎無法獲得簡單的點擊權。可能因爲我之前綁定它。期望的行爲：簡單點擊（so 0 lasso）切換ui-select。

任何提示？謝謝。

Answer 1

試試這個

$("ui-selectee ").on('click','td.ui-state-default' ,function() { 
     $(this).toggleClass('ui-selected'); 
    }); 

事件委託給其父