Question

我有一个带有NicEdit编辑器的JQuery模态对话框。 NicEditor有一个HTML按钮，允许用户直接调整HTML。在模态对话之外，这很好用。但是在模态对话框中，它不会保持开放状态。

我在Plunker中复制了这个。 https://plnkr.co/edit/kr6GAS4Z0SNh6Ws38WdO?p=preview

    <!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.js"></script>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  </head>

  <body>
    <div id="dialog" title="test" style="display:none;">
    <form>
        <textarea id="editor"></textarea>
    </form>
</div>
<input type="button" id="test" value="open dialog wysiwyg"/>    
  </body>
<script>
  $('#test').click(function(){
    $('#dialog').dialog({
        width:400,
        height:400,
        modal:true,
        open: function(){
            new nicEditor({ minHeight: 220, maxHeight: 220, fullPanel: true, iconsPath:'https://cdn.jsdelivr.net/nicedit/0.9r24/nicEditorIcons.gif'}).panelInstance('editor');
        }
    });


});

</script>
</html>

有什么方法可以使它起作用吗？

Answer 1

怀疑这是一个操作顺序问题。试试这个：

https://plnkr.co/edit/pEFjSYhCem5TFkUeunvt?p=preview

<强> HTML

visibility:hidden

带有NicEdit问题的Modal JQuery-UI对话框

1 个答案: