Question

设置

我使用jquery-ui创建一个对话框，并为包含＆lt; select＆gt; -element的对话框设置标题。

$(".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测试））

对话框标题栏包含select-element，左键单击它无法使用。如果右键单击它或使用快捷方式选择它，它将打开，但左键单击不会这样做。

通过Jsfiddle（http://jsfiddle.net/cma4X/2/）

给出的示例

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

Answer 1

看起来好像jQuery禁用了标题栏中的任何输入，但你可以通过在绘制对话框后添加你的select元素来绕过它，然后用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>');
    }
});

选择在jquery-ui对话框标题中不起作用的元素（Firefox）

1 个答案: