javascript - 奇怪的 Javascript 类型错误 'is not a function'

Question

我遇到了一个奇怪的 JS 类型错误:

TypeError: $(...).formset is not a function
added: function(row) {

现在，JS 看起来像这样:

$('#richtextcontent_set-group .inline-related').formset({
  prefix: "richtextcontent_set",
  addText: "Text hinzufügen",
  formCssClass: "dynamic-richtextcontent_set",
  deleteCssClass: "inline-deletelink",
  deleteText: "Entfernen",
  emptyCssClass: "empty-form",
  removed: updateInlineLabel,
  added: function(row) {
    initPrepopulatedFields(row);
    reinitDateTimeShortCuts();
    updateSelectFilter();
    updateInlineLabel(row);
  }
}); 

它真的不可能是 .formset() 调用。如果我执行

$('#richtextcontent_set-group .inline-related').formset({})

在控制台中，它不会返回任何错误。

added: 选项显然接收了一个函数。

我正在使用 django-dynamic-formset 插件: http://code.google.com/p/django-dynamic-formset/

那么这里可能是什么问题呢？

如有必要，我很乐意提供更多信息。谢谢。

更新

django inlines.js(包含 formset())确实没有加载，因为 InlineModelAdmin 上的一个凌乱的 monkeypatch 覆盖了它的媒体属性。感谢您的评论和回答。

Answer 1

尝试在有问题的代码之前记录输出。

var formset = $('#richtextcontent_set-group .inline-related').formset;

// have a look at formset
console.log(formset);

formset({
    ...
    configuration properties
    ...
});

如果 undefined 返回到控制台，则在您调用它时插件未加载。在这种情况下，最好在 dom 准备就绪时执行您的代码。这个例子将它包装在 $(function() { ... }) 中来做到这一点。

$(function () {
    $('#richtextcontent_set-group .inline-related').formset({
        ...
        configuration properties
        ...
    }));
}); 

现在您几乎可以确定它在加载插件时执行。