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

Question

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

我在点击按钮后创建了一行。现在我想阻止只在按钮区域拖拽整个宽度。

这是我的小提琴

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