首页 > 解决方案 > jQuery popover 在 Django 应用程序中不起作用?

问题描述

我正在尝试在我的 Django 模板中添加一个非常简单的 JavaScript,但弹出框似乎不起作用。

这是我当前的配置和文件结构

django-jquery 在已安装的应用程序中安装了“jquery”。

设置.py

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),]

myapp/static/js/jquery.js

$(function(){
    $('[data-toggle="popover"]').popover();   
});

主页.html

{% extends 'base.html' %}
{% block body %}
{% load static %}
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.js"></script>
<body>
  <div class="container">
    <h1> Home </h1>
  </div>
  <div class="container">
      <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="Content in here">Click to toggle popover</button>
  </div>
  <br>
  <br>
</body>
{% endblock %}

单击按钮时不执行任何操作。

任何有用的建议!谢谢

标签: javascriptpythonjquerydjango

解决方案


推荐阅读