选择元素在 jquery-ui dlalog 标题（Firefox）中不起作用

Question

设置

我使用 jquery-ui 创建一个对话框并为包含 -元素的对话框设置标题。

$(".dialog").dialog()
$(".dialog").dialog("option", "draggable", false)    
$(".dialog").dialog("option", "title", "<select><option>option 1</option><option>option 2</option></select>")

问题（仅限 firefox / [在 Win7/OpenSuse 12.2 上使用 Firefox 17/16 测试）

对话框标题栏包含我无法通过左键单击使用的选择元素。如果右键单击它或使用快捷方式选择它会打开，但左键单击不会这样做。

通过 Jsfiddle (http://jsfiddle.net/cma4X/2/) 给出的示例

任何想法如何解决它或至少是什么问题？

Answer 1

看起来好像 jQuery 禁用了标题栏中的任何输入，但您可以通过在绘制对话框后添加选择元素并使用 CSS 将其定位在标题中来规避这一点。

jsFiddle example

$(".dialog").dialog({
    draggable: false,
    open: function(event, ui) {
        $('.ui-dialog-titlebar').after('<select style="position:absolute;top:12px;left:25px;"><option>option 1</option><option>option 2</option></select>');
    }
});