如何防止拖动空表格单元jQuery UI可拖动？

Question

如何阻止或停止拖动空的td单元格， 我正在使用jQuery UI＆＃39; 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');

         }
     });