Jquery Summernote甚至没有对引导3模式的ajax请求进行初始化_Jquery_Ajax_Twitter Bootstrap_Summernote

Jquery Summernote甚至没有对引导3模式的ajax请求进行初始化

jquery ajax twitter-bootstrap

Jquery Summernote甚至没有对引导3模式的ajax请求进行初始化,jquery,ajax,twitter-bootstrap,summernote,Jquery,Ajax,Twitter Bootstrap,Summernote,例如：当您第一次单击“打开Summernote”链接时。Ajax加载成功 summernote按预期初始化关闭模式框并单击“打开Summernote”链接。什么也没发生关闭模式框并单击“打开Summernote”链接。Summernote已按预期初始化关闭模式框并单击“打开Summernote”链接。什么也没发生。。。。事情会这样继续下去在加载内容之前，我不知道收到的ajax内容是否包含summernote编辑器。因此，在ajax成功函数中初始化summernote不是一个选项

例如：

当您第一次单击“打开Summernote”链接时。Ajax加载成功 summernote按预期初始化
关闭模式框并单击“打开Summernote”链接。什么也没发生
关闭模式框并单击“打开Summernote”链接。Summernote已按预期初始化
关闭模式框并单击“打开Summernote”链接。什么也没发生

。。。。事情会这样继续下去

在加载内容之前，我不知道收到的ajax内容是否包含summernote编辑器。因此，在ajax成功函数中初始化summernote不是一个选项

正文：

<body>
    <a href="modal.html" class="ajaxPopup">Open Summernote</a>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
                     <h4 class="modal-title">Modal title</h4>

                </div>
                <div class="modal-body">
                    <div class="te"></div>
                </div>
            </div>
        </div>
    </div>
<script type='text/javascript'>
var $myModal = null;
$(document).ready(function () {
    $myModal = $('#myModal');
    $('.ajaxPopup').on('click', function () {
        $.ajax({
            url: 'modal.html',
            type: 'GET',
            context: this,
            success: function (response) {
                $myModal.find('.modal-title').html("Summernote");
                $myModal.find('.modal-body').html(response);
                $myModal.modal({
                    show: true,
                    backdrop: true
                });
            }
        });
        return false;
    });
});
</script>
</body>


X
情态标题
var$myModal=null；
$（文档）.ready（函数（）{
$myModal=$（“#myModal”）；
$（'.ajaxPopup'）。在（'click'，函数（）{
$.ajax({
url:'modal.html'，
键入：“GET”，
背景:这,，
成功：功能（响应）{
$myModal.find（'.modal title'）.html（“Summernote”）；
$myModal.find（'.modal body'）.html（响应）；
$myModal.modal({
秀：没错，
背景：真的
});
}
});
返回false；
});
});

modal.html内容

<div id='commentBox'></div>
<script type='text/javascript'>
    $(function () {
        $('#commentBox').summernote();
    });
</script>


$（函数（）{
$（“#评论框”）.summernote（）；
});

有什么建议吗？

在打开模态体内容之前清空它可以解决此问题

var$myModal=null；
$（文档）.ready（函数（）{
$myModal=$（“#myModal”）；
$（'.ajaxPopup'）。在（'click'，函数（）{
$myModal.find（'.modal body'）.html（''）；
$.ajax({
url:“/echo/html/”，
数据：{
html:“+”$（函数（）{$（'#commentBox'）。summernote（）；}）
},
键入：“POST”，
背景:这,，
成功：功能（响应）{
$myModal.find（'.modal title'）.html（“Summernote”）；
$myModal.find（'.modal body'）.html（响应）；
$myModal.modal({
秀：没错，
背景：真的
});
}
});
返回false；
});

}))

我说这不是一个选项：（-->我不知道收到的ajax内容在加载内容之前是否会包含summernote编辑器。所以在ajax成功函数中初始化summernote不是一个选项。@Göktuğztürk抱歉我没有看到。我已经用另一个选项更新了我的答案。我尝试了

$myModal.find（'.modal body'）.html（“”）.html（response）；

之前。但它也不起作用。这个解决了我的问题。谢谢。

var $myModal = null;
$(document).ready(function () {
    $myModal = $('#myModal');
    $('.ajaxPopup').on('click', function () {
        $myModal.find('.modal-body').html('');
        $.ajax({
            url: '/echo/html/',
            data: {
                html: "<div id='commentBox'></div>" + "<script type='text/javascript'>$(function () {$('#commentBox').summernote();});<\/script>"
            },
            type: 'POST',
            context: this,
            success: function (response) {
                $myModal.find('.modal-title').html("Summernote");
                $myModal.find('.modal-body').html(response);
                $myModal.modal({
                    show: true,
                    backdrop: true
                });
            }
        });
        return false;
    });