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

Question

我正在使用 Form.io 并收到以下错误Uncaught TypeError: $(...).formiobuilder is not a function我正在尝试根据我所拥有的 evrey id 构建一个表单生成器。所以如果你看一下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)}

Answer 1

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();