Django Bootstrap 链接不会打开模式

Posted 2023-02-24

【中文标题】Django Bootstrap 链接不会打开模式

【英文标题】：Django Bootstrap link won't open modal

【发布时间】：2020-01-07 15:41:26

【问题描述】：

当我点击添加新任务按钮时，我希望模式打开，它在原始引导文件中打开，但当我将它放入 django 时却没有。

<div class="col-auto">
  <button class="btn btn-round" data-toggle="#modal" data-target="#task-add-modal">
   <i class="material-icons">add</i>
  </button>
 </div>



<form class="modal fade" id="task-add-modal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title">New Task</h5>
                  <button type="button" class="close btn btn-round" data-dismiss="modal" aria-label="Close">
                    <i class="material-icons">close</i>
                  </button>
                </div>
                <!--end of modal head-->

【问题讨论】：

你的项目中是否包含了bootstrap的css和js文件？

这是我尝试包含 js 但不起作用的方式：% load staticfiles %

哦，所以它在浏览器的检查元素控制台中显示这些文件的 404？

我在 /3/view/detail/ 收到此错误 TemplateSyntaxError 无法解析剩余部分：来自 'js/jquery.min.js' 的'/jquery.min.js'

【参考方案1】：

因此，根据我们在 cmets 中的讨论，我认为这可能是静态文件未正确加载的问题，因此从文档 here 您必须包含这样的静态文件，

% load static %
<script type="text/javascript" language="Javascript" src="% static 'assets/js/bootstrap.js' %"></script>

我猜你忘记了 src 中的引号

同样在您的urls.py 中，您必须在url_patterns 之后包含此内容

from django.conf import settings
from django.conf.urls.static import static

from django.contrib.staticfiles import views

if settings.DEBUG:
    urlpatterns += [
        url(r'^static/(?P<path>.*)$', views.serve),

    ]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)