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

Redactor.js jQuery UI dialog focus issue

本文关键字:焦点 问题 对话框 UI js jQuery Redactor      更新时间:2024-05-06

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

第一次选择文本并单击"粗体"、"斜体"或"划掉"按钮将不会执行预期的操作,而是将焦点转移到输入元素。再次点击相同的按钮(再次选择文本后)将按预期工作。

删除输入似乎也有效。

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

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

<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();
        }
    });
});

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

https://stackoverflow.com/a/4814001/611547