jQuery UI sortable() – listitem在Safari和Chrome中跳转到顶部

前端之家收集整理的这篇文章主要介绍了jQuery UI sortable() – listitem在Safari和Chrome中跳转到顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的页面底部有一个可排序的无序列表,在Firefox中完美无缺。但是,在Safari / Chrome中,当我想要拖动它时,抓取的列表将立即跳到页面顶部,就像UL位于窗口顶部。有人知道这里发生了什么吗?

谢谢。莱克斯。

以下是代码

HTML(和PHP):

<ul id="list">
    <?
        foreach($downloads as $download)
        {
            echo "<li class='downloads'><a rel='".$download->id."' href='".$base_url."downloads/".$download->id."'>".$download->title."</a></li>";
        }
    ?>
</ul>

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'
});

解决方法

对我来说,问题来自于身体上的css溢出:
body { overflow-x: hidden; }

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

原文链接:https://www.f2er.com/jquery/181818.html

猜你在找的jQuery相关文章