小编Ale*_*bbe的帖子

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

我的页面底部有一个可排序的无序列表,在Firefox中非常适用.但是,在Safari/Chrome中,当我想拖动时,抓取的listitem会立即跳到页面顶部,就像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>
Run Code Online (Sandbox Code Playgroud)

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;
}
Run Code Online (Sandbox Code Playgroud)

JS:

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

jquery jquery-ui jquery-ui-sortable

22
推荐指数
3
解决办法
9825
查看次数

标签 统计

jquery ×1

jquery-ui ×1

jquery-ui-sortable ×1