首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery可拖动,将克隆的html抛在脑后

jQuery可拖动,将克隆的html抛在脑后
EN

Stack Overflow用户
提问于 2010-06-07 11:35:21
回答 2查看 551关注 0票数 1

我使用的是jQuery UI;可拖动的http://jqueryui.com/demos/draggable调用方式如下:

代码语言:javascript
复制
$(document).ready(function(){

    $("#side_bar").sortable({
        revert: true
    });

    $(".draggable").draggable({ 
                              containment: 'parent', 
                              hascroll: true, 
                              handle: 'div.box_header',
                              scrollSensitivity: 100,
                              scrollSpeed: 100, 
                              axis: 'y',                                 
                              connectToSortable: '#side_bar',                                 
                              helper: 'clone',
                              opacity: 0.35 
                              }); });

您可以在http://www.sarsclan.co.uk (右侧栏区域)上看到html结构。

它看起来像是在你拖拽的时候创建了一个透明的克隆,但是当你拖拽它的时候,它会把可拖拽的div放在正确的位置,但是会把原来的div留在原来的位置,而只是在新的位置附加一个原来div的克隆。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-06-07 12:56:00

据我所知,jqueryui Sortable上的演示没有显示额外的draggable调用:http://jqueryui.com/demos/sortable/。您是否尝试过仅使用sortable调用?

编辑:我可以看到您的代码类似于jqueryui站点上的"Draggable + Sortable“示例。但是,该示例总是克隆顶部元素,并将克隆插入到可排序列表中,因此这不是您想要实现的目标。

票数 1
EN

Stack Overflow用户

发布于 2010-06-07 13:05:56

你真的想要“helper:‘clone’”吗?如果删除它会发生什么?

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2986945

复制
相关文章

相似问题

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