jQuery-UI 对话框 - Select 在标题栏中不起作用

Question

我想在 jQuery-UI 对话框的标题栏中放置一个 select，但是当单击 select 时，它不会打开下拉菜单。

这是我的 HTML 代码：

<div id="myDialog"></div>

这是我的 jQuery 代码：

$("#myDialog").dialog({});
var selLang='<select class="selLang "><option value="ita">ITA</option><option value="eng">EN</option></select>';
$("#myDialog").dialog("open");
$("#myDialog").dialog("option", "title", selLang);
$("#myDialog").append($(selLang));
$("#myDialog").dialog('widget').find('.ui-dialog-titlebar').append($(selLang));

你能看到结果吗here

Answer 1

尝试this。它将允许您也拖动模态并允许 select 从标题下拉。

$('.selLang').hover(function() {
    $("#myDialog").dialog('option', 'draggable', false);
},function(){
    $("#myDialog").dialog('option', 'draggable', true);
})

jQuery-UI 对话框 - Select 在标题栏中不起作用

jQuery-UI Dialog - Select don't work in titlebar

jquery

select

jquery-ui

titlebar