Jquery拖放选项卡

Question

我有4个标签和一个产品列表。我需要的是能够将这些项目从列表移动到每个选项卡。我遇到的问题是，当我开始拖动并将鼠标悬停在标签1上时，它会显示第三个标签的domId或第四个标签，有时甚至是它自己的domId，如果我拖动并悬停在第二个标签上，它会显示第四个标签ID。不知道为什么会这样。我也在一个完全独立的html页面上尝试过它。

Here is the jsfiddle sample code url

Answer 1

您需要将更改宽度为50px的代码移动到start函数而不是拖动函数。

    start: function (event, ui) {

        $(this).css({
            'width':'50px',
            'z-index': '50'
        });
    }

也不需要create方法，drag方法以及rel_left和rel_top变量。原因是draggable在启动时需要一个宽度，当它运行可拖动方法时，仍然认为宽度为100％，这就是抛弃它。

http://jsfiddle.net/3em7obvL/2/