jQuery Dialog moveToTop问题

jQuery UI v1.10似乎在页面上堆叠多个对话框时会遇到问题,当单击任何对话框时,它会刷新所有打开的对话框。

这是一些小提琴。 使用相同的代码:

HTML

JS

 var opts = { height: 200, width: 300, autoOpen: true, open: function(){ var src = $(this).data("isrc"), $iframe = $(""); console.log(src); $(this).append($iframe); } }; $("#div1").dialog(opts); $("#div2").dialog(opts); 

这个小提琴是使用jQuery 1.9.1和jQueryUI 1.9.2,并表现我需要它: http : //jsfiddle.net/REmJb/

这个小提琴是使用jQuery 2.0.2和jQueryUI 1.10.3,并显示问题: http : //jsfiddle.net/UBV4v/

如何在新的jQuery框架上使上述链接顺利运行[无需刷新]?

ETA:似乎这可以追溯到insertBefore()方法的新方法。 引用文档 :

在jQuery 1.9之前 ,附加到单元素的情况并没有创建一个新集合,而是返回了原始集合,这使得在与未知数量的元素一起使用时难以可靠地使用.end()方法。

…但是问题不存在于v1.9,所以也许不是。

这是我添加到我的脚本以禁用此行为。

 jQuery.ui.dialog.prototype._moveToTop = function(event, silent) { return true; }; 

我的问题