javascript - 如何仅使用按钮而不是整行拖放？

Question

我正在制作一个演示，用户可以在其中拖放行。在我的演示中，用户将行放在任何位置(从行的整个宽度)并放在另一个位置。我需要防止它仅在用户时拖放在按钮区域。如果用户想要拖动该行，则应按住按钮区域并将其放在任何地方。

我在单击按钮后创建行。现在我想防止仅在按钮区域中从整个宽度拖放。

这是我的 fiddle

http://jsfiddle.net/FZQ8D/22/

$("#testCaseContainer").sortable({
          stop: function( event, ui ) {



          }
    }).disableSelection();

点击添加按钮后首先创建 2 或 3 行。

然后它应该拖放到按钮区域。

谢谢

Answer 1

@scragar 给出了完美的答案。

$("#testCaseContainer").sortable({
        handle: '.editButton',
          stop: function( event, ui ) {

                      var obj={};
        var len=$("#testCaseContainer > div").length;
    // alert("all Index");
        for(var i=0;i<len;i++){
           // var id=
      //alert($("#testCaseContainer > div").eq(i).find('li').attr('id'));
            obj[i]=$("#testCaseContainer > div").eq(i).find('li').attr('id');

          //  alert($("#testCaseContainer > div")[0].find('li').id);

        }
console.log(obj)  

          }
    }).disableSelection();