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

Question

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

jquerydraggablejquery-ui-sortable

5

我遇到了恢复速度的问题。

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

在可排序列表中更改一些内容...速度很快（恢复100）。但是，当您将“four”拖放到可排序列表中时，速度会变慢。

但为什么？oO

祝好，彼得

- Peter

你的 <ul> 的结束标签不正确，应该是 </ul> 而不是 </li>。 - Hristo

2个回答

1

现在您可以通过以下方式实现此操作：

$("#selector").sortable({revert: 500});

- YetAnotherBot

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yi Jiang · Accepted Answer

代码本身没有问题...除了它是无效的。你有一个错误关闭的标签和其他一些奇怪的代码，一旦清理好了就解决了这个问题。我想。除非这不是你要问的。

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>

CSS：

body {
    font-size: 12px;
}

li{
    border:1px solid #444444;
    background-color:#AAAAAA;
    padding:10px;
    margin:10px;
}

jQuery：

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

编辑：抱歉，我误读了问题。代码有点令人困惑，导致我错过了问题。解决方案有点笨拙，但我认为它会起作用。

var original = $('#k1');

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

基本上它在.gt被拖放后重新设置了k1 div上的还原选项。