Javascript 使用jQuery设置模式对话框可防止下拉菜单工作

假设我有以下HTML：

<select>
    <option>a</option>
    <option>a</option>
    <option>a</option>
    <option>a</option>
</select>​

A.
A.
A.
A.
​

以及以下javascript：

$("<div>").dialog({
    modal: true
});
//... some other code
$(".ui-widget-overlay").remove(); //remove what makes the modal dialog `modal`

$（“”）。对话框({
莫代尔：对
});
//... 其他代码
$（“.ui小部件覆盖”）.remove（）//删除使模态对话框“模态”的内容`

由于某种原因，当我尝试从下拉列表中选择时，它不再工作

我该如何解决这个问题

我使用的是Chrome 22.0.1229.94（官方版本161065）m

---

演示：

创建覆盖时，某些事件会绑定到文档，从而阻止单击。覆盖是一个小部件，它本身就是一个小部件，对话框存储对它的引用。如果您以“正确”的方式销毁覆盖，那么您将获得所需的行为

看这把小提琴：

代码：

var div = $("<div>")

div.dialog({
    modal: true
});

div.data().dialog.overlay.destroy();

var div=$（“”）
div.dialog({
莫代尔：对
});
div.data（）.dialog.overlay.destroy（）；

创建覆盖时，某些事件会绑定到文档，从而阻止单击。覆盖是一个小部件，它本身就是一个小部件，对话框存储对它的引用。如果您以“正确”的方式销毁覆盖，那么您将获得所需的行为

看这把小提琴：

代码：

var div = $("<div>")

div.dialog({
    modal: true
});

div.data().dialog.overlay.destroy();

var div=$（“”）
div.dialog({
莫代尔：对
});
div.data（）.dialog.overlay.destroy（）；