首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery UI -可排序和可拖动的还原速度

Jquery UI -可排序和可拖动的还原速度
EN

Stack Overflow用户
提问于 2010-08-12 21:52:37
回答 2查看 8K关注 0票数 5

我对还原速度有个问题。

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

更改可排序列表中的某些内容...速度很快(恢复100)。但是,当您将“4”放入可排序列表中时,速度会很慢。

但是为什么呢?oO

好心的里根·彼得

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-08-12 22:02:05

代码没有任何问题。除了它是无效的。您有一个不正确的闭合标记,代码中的其他奇怪之处在清理后解决了这个问题。我认为。除非这不是你所问的。

HTML:

代码语言:javascript
运行
复制
<!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:

代码语言:javascript
运行
复制
body {
    font-size: 12px;
}

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

jQuery:

代码语言:javascript
运行
复制
$("#k1").sortable({   revert: '100'  });
$('.gt').draggable({ connectToSortable: '#k1', revert: 'invalid', revertDuration: 100 });

编辑:对不起,我读错了问题。代码有点混乱,我错过了问题所在。这个解决方案有点杂乱无章,但我认为它会起作用的。

代码语言:javascript
运行
复制
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目录上重新设置恢复选项。

票数 11
EN

Stack Overflow用户

发布于 2018-09-21 18:18:16

现在,您可以通过以下方式实现这一点:

代码语言:javascript
运行
复制
$("#selector").sortable({revert: 500});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3468391

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档