jQuery UI可排序和对话

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

我正在尝试创建一个对话框,用户可以将对话框中的表单字段拖到页面上的表单中,但我无法将项目拖出对话边框。

提前致谢

编辑

看起来拖拽和粪便实际上是有效的,但是一旦你超越了对话,你就看不到这个项目了。 这不是很理想。 (见redsquare的演示 )

另一个编辑

为对话创建的主要div已经overflow:hidden在其上。 如果我在Firebug中禁用它,拖动工作正常,所以我想我可以以某种方式覆盖它,但我怀疑这将导致我更多的问题。

在这里演示。

这是否会复制您的问题? 我可以在两者之间拖动但是当你拖出或进入对话框时你失去了帮助。 我认为当你搬出或进入对话框时可能需要调整z-indexing,但它仍然可以正常运行……只是!

我稍后再花一点时间试着对它进行排序。

更新:调整z-index有助于(很好地帮助从列表拖动到对话 – 第一次!)……以后会更好! 看到这里

新更新这里的新演示,我不得不使用帮助器来确保z-index保持正确。 现在在这里工作

我在对话框之间排序元素时遇到了类似的问题,所以感谢代码的redsquare。 已经能够进一步简化代码,这个自包含的位(不需要额外的标记):

 this.sortables = $( sortSelector ).sortable( { connectWith: sortSelector, zIndex : 99999, helper: function() { var helper = $( '.sortHelper li' ); if ( !helper.length ) { helper = $('
') .addClass( 'sortHelper' ) .appendTo( 'body' ) .find( 'li' ) .css( { 'z-index': 9999 } ); } return helper; }, start: function( event, ui ) { ui.helper.text( ui.item.text() ); } });

演示这个jsfiddle 。