Jquery在选项卡上拖放答案

【问题标题】：Jquery drag and drop on tabsJquery在选项卡上拖放
【发布时间】：2014-11-17 15:10:41
【问题描述】：

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

Here is the jsfiddle @987654321@

【问题讨论】：

标签： javascript jquery tabs drag droppable

【解决方案1】：

你需要将改变宽度为 50px 的代码移动到 start 函数中，而不是拖动函数中。

    start: function (event, ui) {

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

create 方法、drag 方法以及 rel_left 和 rel_top 变量也不需要。原因是draggable在启动时需要一个宽度，当它运行draggable方法时，它仍然认为宽度是100%，这是在扔东西。

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

【讨论】：

完美。非常感谢。