未捕获的TypeError formiobuilder不是函数我做错了什么？

问题描述

我正在使用Form.io并收到以下错误消息

Uncaught TypeError: $(...).formiobuilder is not a function

我正在尝试在我所拥有的evrey id上构建一个formbuilder。因此，如果您查看initformbuilder ('#fb-editor-' + sectionId,JSON.stringify(data));。它在我的数据库中调用了部分ID。我希望该用户可以编辑表单或向其中添加一些内容。

$(document).ready(function () {
    var formBuilderInstances = [];

    $('.section-inner').on('show.bs.collapse',function (e) {
            var sectionId = $(this).data('section-id');

            var fb = $.grep(formBuilderInstances,function (form) {
                return form.id == sectionId;
            });

            if (!fb[0]) {
                var data = forms[sectionId];

                var formBuilderInstance = initFormBuilder('#fb-editor-' + sectionId,JSON.stringify(data));

                formBuilderInstances.push({id: sectionId,instance: formBuilderInstance});
            }
    });
});
function initFormBuilder(id,data,content) {

    this.formiobuilder = Formio.builder(document.getElementById(this.formiobuilder),{},{})


    if (data) {
        options.formData = data;
    }

    return $(id).formiobuilder(options)
}

解决方法

答案是。我在哪里找到了https://jsfiddle.net/h39v7tu4/

的答案

function formiobuilder(){

    $(document).ready(function (){
        var formBuilderInstances = [];

        $('.section-inner').on('show.bs.collapse',function (e) {
            var sectionId = $(this).data('section-id');

            var fb = $.grep(formBuilderInstances,function (form) {
                return form.id == sectionId;
            });

            if (!fb[0]) {
                var data = forms[sectionId];
                //HTML
                var formBuilderInstance = Formio.builder(document.getElementById('fb-editor-' + sectionId,JSON.stringify(data) ))

                formBuilderInstances.push({id: sectionId,instance: formBuilderInstance});
            }
        });
    })
}

window.onload = formiobuilder();