如何防止使用jQuery UI可拖動拖動空表單元格？

Question

如何防止或停止拖動空td單元格， 我正在使用jQuery UI的Draggable。

我的代碼：

$("#demo table tr td").draggable({ 
     helper: 'clone', 
     revert: 'invalid', 
     cursor: "move", 
     start: function (event, ui) { 
      setValues($(this).attr('id'),$(this).val()); 

     }, 

     stop: function (event, ui) { 
      $(this).css('opacity', '1'); 

     } 
    }); 

Answer 1

試試這個：

$("#demo table tr td:not(:empty)").draggable({ 
     helper: 'clone', 
     revert: 'invalid', 
     cursor: "move", 
     start: function (event, ui) { 
      setValues($(this).attr('id'),$(this).val()); 

     }, 

     stop: function (event, ui) { 
      $(this).css('opacity', '1'); 

     } 
    });