jQuery Ui:无法将对象拖动到手风琴外部

我有一个手风琴小部件里面的可拖动对象。拖动它时，它将约束其父元素手风琴元素。我尝试使用“遏制”选项，但没有成功

我已经在FireFox 3.5.5和Chromium 4上试过了

有办法解决吗

谢谢

您是否尝试过使用：

下面是一个我能够在手风琴外拖动的示例：

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div id="draggable1">
    <p>
        Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
        ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
        amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
        odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
    </p>
    </div>
    <h3><a href="#">Section 2</a></h3>
    <div>
        <p>
        Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
        purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
        velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
        suscipit faucibus urna.
        </p>
    </div>
</div>

<script type="text/javascript">
$(function() {
    $("#accordion").accordion();
    $("#draggable1").draggable({ containment: 'document' });
});
</script>

莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。整数
乌特内克。胎膜早破，胎膜早破，妊娠期，调味品
阿梅特，努克。南阿尼布。Donec suscipit Peros。南美。普罗因维韦拉利奥大学
奥迪奥。马勒苏阿达库拉比图尔酒店。前庭是一个圆滑的节杖。


塞德·努尔纳。别着急。叶舌。前庭
普卢斯。Vivamus hendrerit，aliquet laoreet的dolor，mauris turpis porttitor
维利特，我要告诉你自由。不夸姆万岁。在里面
suscipit faucibus urna。

$（函数（）{
$（“#手风琴”）。手风琴（）；
$（“#draggable1”）.draggable（{containment:'document'}）；
});

我的答案适用于排序表，我认为draggables应该是类似的。我可以通过使用“克隆”而不是默认的“原始”并使用appendTo:“body”来实现它。这很奇怪，因为如果您使用original作为辅助对象，它似乎不会将辅助对象附加到主体，即使您将appendTo设置为“body”时，您认为应该这样做。我希望你能让它工作

试试看

---

$（“.selector”）.draggable（{appendTo:'body'}）

对于那些想要获得完整示例的人，请查看jQuery UI演示中的。这是一个可拖放的示例，但准确地说明了所要求的内容（将元素拖到手风琴外）

---

然后从那里继续。

您不能将项目拖动到jQuery accordion之外，因为accordions容器的溢出模式设置为隐藏

1） 您可以尝试将溢出设置为可见（通过内联样式替代），但在这种情况下，手风琴本身可能会停止工作

<div id="simpleAccordion" style="overflow: visible;">

 <h3>Header 1<h3>
 <div>...</div>

 <h3>Header 2<h3>
 <div>...</div>

 <h3>Header 3<h3>
 <div>...</div>

</div>

标题1
...
标题2
...
标题3
...

我感谢您的帮助，但恐怕我还没有说清楚。可拖动对象本身不是accordion元素，但它位于其中一个元素内。我可以使用{helper:'clone'，appendTo:'body'}选项来实现这一点。我正在到处搜索如何从表中拆分拖动元素。这对我来说效果很好。谢谢。没问题，我花了很长时间寻找它，并认为我会为别人省下同样的麻烦。@Laurence+1。仅供参考，这也适用于：$（#元素）

$(function() {
        $( "#catalog" ).accordion();
        $( "#catalog li" ).draggable({
            appendTo: "body",
            helper: "clone"
        });
});

<div id="simpleAccordion" style="overflow: visible;">

 <h3>Header 1<h3>
 <div>...</div>

 <h3>Header 2<h3>
 <div>...</div>

 <h3>Header 3<h3>
 <div>...</div>

</div>