Блог

У меня возникли некоторые проблемы с использованием nicedit в диалоговых окнах jquery.

Проблема заключается в следующем:

Когда я создаю диалоговое окно jquery (модальное), при открытии события инициализации wysiwyg editor (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');
        }
    });
});
  

похоже, что поведение, которое вы описываете, специально, если вы создаете диалоговое окно как модальное, этот код из jquery-ui.js выполняется:

Кажется, что он искусственно создает элемент наложения (с помощью class .ui-widget-overlay ui-front) и привязывает фокус к этому элементу, когда пользователь нажимает в любом месте наложения. Вот почему вы не можете получить желаемый ввод.