Redactor.js jQuery UI 对话框焦点问题

Question

在还包含输入元素的 jQueryUI 对话框中使用 Redactor 时，它表现出一些奇怪的行为。

第一次选择文本并单击“粗体”、“斜体”或“删除线”按钮将不会执行预期的操作，而是将焦点转移到输入元素。第二次单击同一按钮（再次选择文本后）将按预期工作。

删除输入似乎也有效。

Fiddle: http://jsfiddle.net/Shikiju/sgvdvoL2/1/

使用的浏览器：Chrome版本 40.0.2214.115m

<div id="dialog">
    <textarea id="editor" value=""></textarea>
    <input type="text" value="" onfocus="console.log('Focus on this input')" />
</div>

$(function(){
    $('#dialog').dialog({
        open: function(){
            $('#editor').redactor();
        }
    });
});

Answer 1

显然是 Jquery UI 中的一个问题导致了这个问题。由

解决

Redactor.js jQuery UI 对话框焦点问题

Redactor.js jQuery UI dialog focus issue

html

javascript

jquery-ui

redactor

redactor.js