Jqueryui在Jquery布局部分之间可拖动

时间:2013-03-17 10:20:03

标签: jquery-ui jquery-ui-draggable jquery-layout

这是我正在尝试做的事情

http://jsfiddle.net/YSBGu/

           $( ".dragcomp" ).draggable({
                cursorAt: {
                    left: 0
                },
                zIndex: 300,
                revert: "invalid",
                helper: "clone",
                distance: 10

            });

你会注意到,当试图将左栏中的div拖到中间部分时,它会被困在左栏中并且只是滚动它。有人能帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

您可以指定appendTo选项以在窗格结构的祖先下重新显示辅助元素(例如<body>元素本身):

$(".dragcomp").draggable({
    appendTo: "body",
    cursorAt: {
        left: 0
    },
    zIndex: 300,
    revert: "invalid",
    helper: "clone",
    distance: 10
});

您会找到更新的小提琴here