jquery ui 1.8.16 & firefox 6-排序不正常

Question

当我使用jQuery (最新版本)开发一个应用程序时，我的火狐浏览器决定将自己更新到版本6。在那之后，我发现标准的jquery ui“排序”功能不能正常工作。我在jquery网站上做了同样的尝试。尝试使用jquery ui捆绑包=>下载的演示文件，得到相同的结果。没有黑咖啡，没有奶油，只有香草味。

症状如下:开始排序(通过单击并拖动鼠标)，可排序元素粘在鼠标指针上。在那之前没问题。但是当释放鼠标左键时，可排序元素落在它的最终位置上，突然，当我将鼠标移到其他地方(没有单击鼠标按钮)时，最后一个排序的元素又回到了鼠标上，并随着指针移动。

单击页面上的某个位置会将可排序元素移回最终的放置位置，但只要我再次移动鼠标，该元素就会再次停留，并且不会放置。

有没有人在Firefox6中遇到过这样的bug？

仅供参考，这个可排序的函数在FF 5.0上工作得很棒

Answer 1

好了，伙计们！我找到了这种奇怪行为的根本原因！它的名字是火狐的"FireQuery 1.0“插件。

当我看到Guntram告诉我，他在jQuery + jQuery-UI的最新版本中使用FF6时，根本没有任何问题，我想知道这是否来自一个插件。因此，我禁用了所有内容，并逐个重新激活它们，每次启用后都会重新启动。我发现了有罪的插件: FireQuery 1.0。

不是说这个插件不好，但至少，如果你遇到了和我一样的问题，至少现在你可能知道根本原因了。;)

Answer 2

对我来说，排序很好。元素不会意外移动。

当我在一个元素中有一个项目，比如一个按钮或者一个文本字段，什么都不会发生。如果我在字段或按钮上单击鼠标右键，光标就会出现(按钮被单击)。当我退出窗口右键单击选项菜单时，我可以在文本字段中键入...

所以仍然很奇怪的行为。我不知道它在ff5上是怎么工作的，我用的是ff6，最新的jquery版本。

编辑：

在我找到这个之后：http://weblogs.asp.net/jeffwids/archive/2011/01/31/jquery-textbox-in-sortable-is-not-clickable-selectable.aspx，我仔细研究了jquery-sortable提供的取消选项。

我最终可以这样解决这个问题：

<ul id="sortable">
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><input type="text" value="text" ></input></li>
    <li class="ui-state-default" style="height: 70px;"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><textarea cols="20" rows="3">textarea</textarea></li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><button>button</button></li>
</ul>
<script>
        // initialize the sortable including the cancel option
        $( "#sortable" ).sortable({cancel: 'input,button,textarea'});
</script>

Answer 3

我也有同样的问题。经过一天的测试，我发现了问题是什么，以及是什么导致了这种行为。

首先让我向您展示一下我们在使用可排序类的内容。

-----------
| Header  |
-----------
|         |
|Contents |
-----------

标题是可拖动的。如果您在拖动时快速移动或不稳定地移动鼠标光标，并且鼠标光标不知何故从标题上移动(例如，移到内容上)，则会将粘贴到光标上。

要将div重新固定到页面上，可以再次快速移动光标并尝试将其放回页眉。然后，事件似乎被重新附加，您可以将div放回页面上。

总而言之，鼠标从附加了可排序事件的div上移开，这样对象就看不到将对象放回页面的鼠标向上或单击事件。

不幸的是，我不知道如何解决这个问题。

编辑

我们实现了一个对我们有效的解决方案，但可能不是对每个人都理想。当在任何不应该拖动的元素上发生.trigger("mouseup")事件时，只需在可拖动元素上单击。这将把可拖动的元素放回页面上。