Javascript jQuery Sortable为什么可以在IE/Chrome中工作而不能在Firefox中工作?
我有一个相当简单的水平浮动项目列表,如下所示:Javascript jQuery Sortable为什么可以在IE/Chrome中工作而不能在Firefox中工作?,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,我有一个相当简单的水平浮动项目列表,如下所示: <div class="my-widget-container"> <div class="my-widget-column">...</div> ... </div> ... ... 容器和每个列都有固定的宽度,使用jQuery的.width()设置。容器为position:relative,列为float:left和overflow:hidden。不确定是否有其他样式/特性相
<div class="my-widget-container">
<div class="my-widget-column">...</div>
...
</div>
...
...
容器和每个列都有固定的宽度,使用jQuery的.width()
设置。容器为position:relative
,列为float:left
和overflow:hidden
。不确定是否有其他样式/特性相关
当我将jQueryUI排序应用于此时,结果正是我在Chome8和IE8中所期望的结果;可以拖动列以更改其顺序。但是在Firefox3.6中,我可以点击一个项目并拖动来创建一个新的排序助手,但是实际的排序从未发生过;真实项目在DOM中的位置永远不会改变
我在Sortable中搜索了一下,并在\u intersectsWithPointer
中添加了一个调试打印。每当拖动辅助对象移动时,Sortable将遍历其元素列表,并使用此方法确定拖动辅助对象是否已越过一个元素。我看到的是,item.left
的所有列的值都相同,这显然是不正确的,可能是问题的根源。看起来所有列都有一个与第一列对应的左位置
我正在使用jQuery1.4.3和jQueryUISortable 1.8。这些不是最新的版本,但它们都是最新的,我在可排序的发行说明中没有看到任何表明此类问题已得到解决的内容
有人知道这里会发生什么,或者对进一步调试有什么想法吗?您有Firefox的Firebug插件吗?我发现在调试JavaScript问题时,这是非常宝贵的。也许它可以给你一些额外的反馈。另外,如果你能发布你所讨论的代码(HTML、CSS和JavaScript/jQuery),那会很有帮助。作为一个更新,我试着模仿你上面所描述的,一切都很好(在所有浏览器中)。所以,如果你能发布更多的代码,我也许能帮上忙。我会等到你的回音。