当前位置:  开发笔记 > 编程语言 > 正文

jQuery UI sortable() - listitem在Safari和Chrome中跃居榜首

如何解决《jQueryUIsortable()-listitem在Safari和Chrome中跃居榜首》经验,为你挑选了2个好方法。

我的页面底部有一个可排序的无序列表,在Firefox中非常适用.但是,在Safari/Chrome中,当我想拖动时,抓取的listitem会立即跳到页面顶部,就像UL在窗口顶部一样.有谁知道这里发生了什么?

谢谢.莱克斯.

这是代码:

HTML(和PHP):


CSS:

ul#list {
    padding: 10px 0;
    display: block;
}
ul#list li {
    background: #fff;
    padding: 10px;
    color: #bc1e2c;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight: bold;
    margin: 10px 0;
    display: block;
}

ul#list li:hover {
    background: #212121;
    color: #fff;
    cursor: move;
}

JS:

$(".alter-content ul#list").sortable({
    update : saveSortorder,
    containment: 'parent'
});

Waltur Buerk.. 37

我有同样的问题.它在Firefox中运行良好,但在Safari和Chrome中不断跳跃.我最后通过添加overflow: auto;到CSS中的未排序列表来修复它.

我甚至不必指定UL的高度.



1> Waltur Buerk..:

我有同样的问题.它在Firefox中运行良好,但在Safari和Chrome中不断跳跃.我最后通过添加overflow: auto;到CSS中的未排序列表来修复它.

我甚至不必指定UL的高度.



2> Atyz..:

对我来说,问题来自于身体上的CSS溢出:

body { overflow-x: hidden; }

删除此行完全解决了问题.

推荐阅读
oDavid_仔o_880
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有