Question

成功添加文章后，应该出现显示消息的模式，但是我只是遇到错误。到目前为止，这是我的代码：

模式：

<div id="myModal" class="modal fade">
    <div class="modal-dialog modal-confirm">
        <div class="modal-content">
            <div class="modal-header">
                <div class="icon-box">
                    <i class="material-icons">&#xE876;</i>
                </div>
                <h4 class="modal-title">Awesome!</h4>
            </div>
            <div class="modal-body">
                <p class="text-center">Your booking has been confirmed. Check your email for detials.</p>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success btn-block" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>

Ajax：

 <script type="text/javascript">
    $('#form').on('submit', function (e) {
        e.preventDefault();
        var f = CKEDITOR.instances.text.getData();
        var text = String(f);
        var n=text.length;
        var title = $('#title').val();
        var docu_id = $('#docu_id').val();
        var hidden_snippet = $('#hidden_snippet').val();
        if (n!=0) {
            $.ajax({
                type: 'POST',
                url: '/knowmore/index.php/ask_controller/book_add',
                data: {text:text,title: title,hidden_snippet: hidden_snippet,docu_id:docu_id},
                success: function (data)
                {
                    $("#myModal").modal('show')
                    location.replace('/knowmore/index.php/index_controller/documentation/'+docu_id+'');
                }
            });
        } else { alert('Enter contents of the Article!'); }
    });
</script>

我使用$（“＃myModal”）。modal（'show'）进行显示，但我得到的只是一个错误，指出模式不是函数。

Answer 1

这是因为jQuery默认情况下不知道任何名为 modal 的函数。如果要显示模态，可以使用 show（）函数。

更改关注

success: function (data) {
    $("#myModal").modal('show')
    location.replace('/knowmore/index.php/index_controller/documentation/' + docu_id + '');
}

进入

success: function (data) {
    $("#myModal").show();
    location.replace('/knowmore/index.php/index_controller/documentation/' + docu_id + '');
}

Answer 2

如果您只需要打开引导程序模版，则只需使用 $（'＃myModal'）。modal（）;

Answer 3

写下以下代码。

success: function(msg)
    {
        $("#myModel").modal("show");
     }

Ajax成功后如何显示模态？

3 个答案:

写下以下代码。