jquery sortable firefox not working drop 不重新排序答案

【问题标题】：jquery sortable firefox not working drop are not re-orderjquery sortable firefox not working drop 不重新排序
【发布时间】：2012-05-20 22:27:14
【问题描述】：

我正面临 jQuery 可排序的下一个问题（在除 Firefox 之外的所有主要浏览器中都可以正常工作）

我有一个常见的 ul 结构，上面有 4 个 li 项目。 al 列表显示和工作正常，您可以拖动项目（firefox）很酷，（我解决了溢出-y：auto；问题也）当您尝试将可拖动项目放到新位置时，问题开始，在 firefox 中， “放置区”没有出现，只有你可以拖动项目，我在几个帖子中进行了研究。

jQuery UI sortable scroll helper element offset Firefox issue Firefox 4 Issue with jQuery UI Sortable jquery ui 1.8.16 & firefox 6 - sortable not working properly

但我找不到解决方案，我会告诉你问题的样子。

我的 css，我认为我必须修改如下所示：

#list-attributes{width:40%; margin:35px 15px 45px 10px; position:relative;  overflow-y:auto;}
#list-attributes li{background:#F7F7F7; padding:20px; color:#666; width:auto; border:1px solid #CCC; position:relative; text-indent:30px; height:25px}
#list-attributes li div.icon{width:25px; height:35px; background:url(../img/search/sprite_search_filters.png) no-repeat; right:0; margin-right:10px; top:18px; position:absolute;}
#list-attributes li div.getinshape{background-position: 0 -297px}
#list-attributes li div.rekindlespiritually{background-position: 0 -357px}
#list-attributes li div.relaxandunwind{background-position: 0 -417px}
#list-attributes li div.gethealthy{background-position: 0 -477px}
#list-attributes li span.msg{ text-indent:28px; line-height:1.8}
#list-attributes li div.handler{color:#666; width:25px; height:25px; background:#00C4D9 url(../../dashboard/frontend/img/drag.png) no-repeat 5px 5px; cursor:move; display:inline-block; position:absolute; top:15px; left:8px}

jquery 代码：

            $("#list-attributes").sortable({
                update : function () {
                     $('#attributeItems').val($('#list-attributes').sortable('toArray'));
                    //$("#info").load("process-sortable.php?"+order);
                }
            });

【问题讨论】：

当你移动项目时，FF 是否给出任何 JS 错误？
没什么，它没有显示任何更糟糕的错误:(，但在 jquery 站点中可排序工作正常。我猜这可能是 css 文件的问题..

标签： javascript jquery firefox jquery-ui-sortable

【解决方案1】：

好的，这就是答案，我想说这是一个相当大的错误，我不知道为什么会发生。

在我的 css 文件中，我在 body 元素处拥有

溢出-y：滚动；溢出-x：隐藏；

我刚刚将它从正文中删除，并且可排序开始工作，但我还必须将溢出：自动添加到容器（通常是 ul）标签中。

这是一个非常“wtf”的错误，但我发现了它。希望将来有人面对这个问题可以解决它。如果您找到更好的方法，请告诉我。

【讨论】：