Jquery UI - 可排序和可拖动的恢复速度

Pet*_*ter 4 jquery draggable jquery-ui-sortable

我有恢复速度的问题.

这是一个工作示例 http://www.jsfiddle.net/V9Euk/94/ < - 更新

更改可排序列表中的内容...速度很快(还原100).但是当你将"四"放入可排序列表时,速度很慢.

但为什么?OO

善待彼得

Yi *_*ang 10

代码没有任何问题...除了它无效.你有一个错误的关闭标签,并且代码中的其他奇怪的东西一旦清理就解决了问题.我认为.除非它不是你问的问题.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>

    <body>
        <ul id="k1" style="width:350px; height:350px; margin:20px;">
            <li>One</li>
            <li>Two</li>
            <li>Three</li>
        </ul>
        <hr />
        <ul style="width:350px; height:350px;">
            <li class="gt">Four</li>
        </ul>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS:

body {
    font-size: 12px;
}

li{
    border:1px solid #444444;
    background-color:#AAAAAA;
    padding:10px;
    margin:10px;
}
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$("#k1").sortable({   revert: '100'  });
$('.gt').draggable({ connectToSortable: '#k1', revert: 'invalid', revertDuration: 100 });
Run Code Online (Sandbox Code Playgroud)

编辑:对不起,我误解了这个问题.代码有点混乱,我错过了这个问题.解决方案有点像kludge,但我认为它会起作用.

var original = $('#k1');

original.sortable({ revert: 100  });
$('.gt').draggable({
    connectToSortable: original,
    revert: 'valid',
    revertDuration: 100,
    stop: function(event, ui) {
        original.sortable("option", "revert", 100);
    }
});
Run Code Online (Sandbox Code Playgroud)

基本上它k1.gt删除后重新设置div 上的revert选项.