0

我正在使用 laravel 框架和 trumbowyg（javascript 富文本编辑器，请参阅：https ://alex-d.github.io/Trumbowyg/ ）。我正在构建一个页面，用户可以在其中编辑他的帖子并在他更改某些内容后立即保存。

为了实现用户不得重新加载页面的目标，我正在使用 AJAX 保存更改，但每次单击保存按钮时都会收到错误消息“trumbowyg 不是函数”。

这是我的 JavaScript 代码：

$(document).ready(function(){
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': "{{ csrf_token() }}"
        }
    });

    $(document).on('click', '#save', function(){
        $.ajax({
            method: 'POST',
            url: '/user/documents/{{$document->id}}/edit',
            data: {
                'created_post': $('#editor').trumbowyg('html'),
            },
            success: function(response){ 
                console.log(response);
            },
            error: function(jqXHR, textStatus, errorThrown){ 
                console.log(JSON.stringify(jqXHR));
                console.log("AJAX error: " + textStatus + + ' : ' + errorThrown);
            }
        });
    })


})

我能做些什么来解决这个错误吗？

正常功能：$('#editor').trumbowyg('html', '{!! $document->old_version !!}');工作正常，因此加载 javascript 文件的顺序应该是正确的，但这种错误的类型与此相反。

4

1 回答 1

0

解决方案是在文档就绪调用内部的函数定义之后添加$.noConflict();到第一行。

于 2019-06-25T11:35:56.300 回答