Есть модалка на странице, которая открывает форму с двумя textarea:
<div class="modal box-modal">
<form class="">
<div class="form_row">
<div class="input_cover">
<textarea class="ckeditor" rows="10" cols="80" name="editor1" id="editor1"></textarea>
</div>
</div>
<div class="form_row">
<div class="input_cover">
<textarea class="ckeditor" rows="10" cols="80" name="editor2" id="editor2"></textarea>
</div>
</div>
<button class="save">Сохранить</button>
</form>
</div>
Была проблема в том, что она открывалась с двумя редакторами, но ими нельзя было редактировать.
В интернете много кто решал проблему сходим кодом:
<script>
$(document).ready(function () {
$.fn.modal.Constructor.prototype.enforceFocus = function () {
modal_this = this;
$(document).on('focusin.modal',
function(e) {
if (modal_this.$element[0] !== e.target &&
!modal_this.$element.has(e.target).length
// add whatever conditions you need here:
&&
!$(e.target.parentNode).hasClass('cke_dialog_ui_input_select') &&
!$(e.target.parentNode).hasClass('cke_dialog_ui_input_text')) {
modal_this.$element.focus();
}
});
};
});
</script>
Но при прогрузке модалки они до сих пор не доступны, да и еще появляется ошибка из темы топика.
Забавно что вставлял такой же код в fiddle и другие аналоги - все работало...
В чем может быть ошибка?