Django Bootstrap链接无法打开模式

时间:2019-09-04 17:54:16

标签: javascript html django twitter-bootstrap django-templates

当我点击“添加新任务”按钮时,我想打开模态,它在原始的引导文件中起作用,但在将其放入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-->

1 个答案:

答案 0 :(得分:0)

因此,根据我们在评论中进行的讨论,我认为这可能是静态文件未正确加载的问题,因此在文档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)
相关问题