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

我正在制作一个演示，用户可以在其中拖放行。在我的演示用户中，可以将行保持在任意位置（从行的整个宽度开始）并放到另一个位置。如果要拖动行，则应按住按钮区域并将其放到任何地方。

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

这是我的小提琴

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

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



          }
    }).disableSelection();

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

然后应将其拖放到按钮区域。

谢谢

最佳答案

正如@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();