Redactor.js jQuery UI 对话框焦点问题
Redactor.js jQuery UI dialog focus issue
在还包含输入元素的 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();
}
});
});
显然是 Jquery UI 中的一个问题导致了这个问题。由
解决
在还包含输入元素的 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();
}
});
});
显然是 Jquery UI 中的一个问题导致了这个问题。由
解决