nicedit和jquery对话框模式的问题 - 添加链接按钮表单是不可选的

Question

我在使用带有jquery对话框的nicedit时遇到了一些麻烦.

问题是这样的:

当我创建一个jquery对话框(模态),在打开事件init wysiwyg编辑器(nicedit) - >一切都好.但是,如果我点击添加链接按钮,我无法点击显示的输入.

如果我设置jquery对话框没有模态,完美的工作.

这是我的例子:

http://jsfiddle.net/ws97R/16/

<div id="dialog" title="test" style="display:none;">
    <form><textarea id="editor"></textarea></form>
</div>
<input type="button" id="test" value="open dialog wysiwyg"/>

$('#test').click(function(){
    $('#dialog').dialog({
        width:400,
        height:400,
        modal:true,
        open: function() {
            new nicEditor({ 
                minHeight: 220, 
                maxHeight: 220, 
                buttonList: ['link', 'unlink']
            }).panelInstance('editor');
        }
    });
});

Answer 1

看起来您描述的行为是有意的，如果您将对话框创建为模态，则 jquery-ui.js 中的以下代码正在运行：

看起来它人为地创建了一个覆盖元素（带有 .ui-widget-overlay ui-front 类），并在用户单击覆盖上的任意位置时将焦点绑定在该元素上。这就是为什么你无法达到所需的输入。