2

设置

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

$(".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/ )给出的示例

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

4

1 回答 1

1

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

jsFiddle 示例

$(".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>');
    }
});
于 2012-12-05T19:44:09.703 回答