Question

我正在使用laravel框架和trumbowyg（JavaScript RTF编辑器，请参见：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文件的顺序应该正确，但是这种错误的种类却与此相反。

Answer 1

解决方案是在文档ready调用中定义函数后的第一行添加$.noConflict();。

Trumbowyg不是函数| JavaScript错误

1 个答案: