未捕获的 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();