jQuery UI可排序和对话

是否可以在两个列表之间拖动jQuery UI可排序列表项，一个在jQuery UI对话框中，另一个不在其中

我正在尝试创建一个对话框，用户可以将对话框中的表单字段拖到页面上的表单中，但我不能将项目拖到对话框边框之外

提前谢谢

编辑

看起来拖拽确实在起作用，但一旦超出对话范围，就看不到该项。这不是很理想。（见附件）

另一次编辑

为对话创建的主div上有

overflow:hidden

。如果我在Firebug中禁用此功能，则拖动功能将正常工作，因此我想我可以以某种方式覆盖此功能，但我怀疑这会给我带来更多问题。

演示

这是否重复了您的问题？我可以在两者之间拖动，但是当你从对话中拖出或拖入对话时，你确实会失去助手。我认为当你移出或移入对话框时，它可能需要调整z索引，但它仍然可以正常工作…只是

等我有更多时间的时候，我会试着整理一下

更新：调整z索引有助于（很好，这有助于第一次从列表拖动到对话！）…以后会更好！看

---

新更新新演示在这里，我必须使用助手来确保z索引保持正确。现在可以工作了

我在对话框之间排序元素时遇到了类似的问题，所以多亏了redsquare的代码。我们已经能够将代码进一步简化为这个自包含的位（不需要额外的标记）：

this.sortables=$（sortSelector.sortable（{
连接对象：sortSelector，
zIndex:99999，
助手：函数（）{
var helper=$（'.sortHelper li'）；
如果（！helper.length）{
助手=$（“
”）
.addClass（'sortHelper'）
.appendTo（'body'）
.find（'li'）
.css（{'z-index'：9999}）；
}
返回助手；
},
开始：功能（事件、用户界面）{
ui.helper.text（ui.item.text（））；
}
});

---

演示。

谢谢-我实际上没有意识到拖动仍在工作，我假设因为拖动时看不到项目，所以它根本不工作。但我希望能够在理想情况下随时看到拖动的项目。

this.sortables = $( sortSelector ).sortable( {
    connectWith: sortSelector,
    zIndex : 99999,
    helper: function() {
        var helper = $( '.sortHelper li' );
        if ( !helper.length ) {
            helper = $('<ul><li></li></ul>')
                .addClass( 'sortHelper' )
                .appendTo( 'body' )
                .find( 'li' )
                .css( { 'z-index': 9999 } );
        }

        return helper;
    },
    start: function( event, ui ) {
        ui.helper.text( ui.item.text() );
    }
});