javascript - 将 Django FilteredSelectMulitple 实现为无管理表单

Question

我正在尝试将 Django 小部件 FilteredSelectMultiple 实现到非管理表单中，尽管它显示，但在加载时我在控制台中收到 JavaScript 错误。错误是

TypeError: node.tagName is undefined SelectFilter2.js:11:9

如果我随后从列表中选择项目，我会在控制台中收到以下 JavaScript 错误

TypeError: cache is undefined SelectBox.js:76:29

这是我的 Django 表单

class PlaylistForm(forms.ModelForm): 
    class Meta:
        model = Playlist
        exclude = ['id']
        widgets = {
            'owner' : forms.HiddenInput(),
            'name' : forms.TextInput (
                attrs={
                    'class' : 'form-control',
                    'placeholder' : _('Playlist Title'),
                    'label' : _('Playlist Title')}),
            'projects' : FilteredSelectMultiple ('Items', is_stacked=True, attrs = {'class' : 'form-control'})
        }
    class Media:
        css = {
            'all': (os.path.join(settings.BASE_DIR, '/static/admin/css/widgets.css'),),
        }
        js = (
            '/admin/jsi18n/',
            )

这是 View

class CreatePlaylistView (LoginRequiredMixin, CreateView):
    model = Playlist
    form_class = PlaylistForm

这是模板添加

<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/js/jquery.init.js' %}"></script>
<script type="text/javascript" src="{% url 'admin:jsi18n' %}"></script>
{{ form.media }}

我包括这是基于其他一些帖子的 urls.py

path('jsi18n/', JavaScriptCatalog.as_view(), name='javascript-catalog'),

我做错了什么？

编辑

我已经查看了更多，我在 Chrome 和 Firefox 中遇到了不同的浏览器错误。Firefox 在上面的帖子中。

初始 Chrome 错误是

TypeError: jQuery.easing[jQuery.easing.def] is not a function 
SyntaxError: Unexpected token <
SyntaxError: Unexpected token <
ReferenceError: interpolate is not defined

我添加了 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>到模板但仍然得到剩余的控制台错误

Answer 1

刚刚意识到这个问题。问题是我没有包装 {{ form }}在 <form> 内标签，因为我只是边走边测试