如何防止使用 jQuery UI 的可拖动空 table 单元格进行拖动？

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');

         }
     });