gauge.js-在Django 1.10中，相对URL不起作用，但绝对URL起作用 - javascript

我一直在尝试gauge.js，并且仅当使用绝对URL时才复制链接上显示的有效“用法”代码，而当使用相对URL时则不如此。

我在Github Issue Tracker上没有找到任何类似的内容

工作守则

<canvas id="foo"></canvas>
<script>
    var opts = {
      lines: 12,
      angle: 0.15,
      lineWidth: 0.44,
      pointer: {
         length: 0.9,
         strokeWidth: 0.035,
         color: '#000000'
      },
      limitMax: 'false', 
      percentColors: [[0.0, "#a9d70b" ], [0.50, "#f9c802"], [1.0, "#ff0000"]], // !!!!
      strokeColor: '#E0E0E0',
      generateGradient: true
    };
    var target = document.getElementById('foo');
    var gauge = new Gauge(target).setOptions(opts);
    gauge.maxValue = 3000;
    gauge.animationSpeed = 32;
    gauge.set(2250);
</script>

<script src="https://bernii.github.io/gauge.js/dist/gauge.min.js"></script>

问题

如果将上述绝对URL替换为相对URL，则量表消失。我所做的是从here复制gauge.min.js代码，并将文件放在我的静态文件夹中。 （下面的工作树目录）

<script src="../../static/lineoee/gauge.min.js"></script>

上面的相对URL应该指向一个有效的目录，但是我得到了：

  （索引）：224未捕获的参考错误：未在var gauge = new Gauge(target).setOptions(opts);中定义量规

工作树目录

    │   ├── static
│   │   └── lineoee
│   │       ├── gauge.min.js
│   ├── templates
│   │   ├── linedetails
│   │   │   ├── index.html
│   │   │   └── index.html.save
│   │   └── lineoee
│   │       ├── index.html     <-- I am linking gauge.min.js from here
│   │       ├── index.html.save

Urls.py

from django.conf.urls import url
from django.contrib import admin
from lineoee.views import index
from lineoee.views import details

urlpatterns = [
    url(r'lineoee/$', index, name='index'),
    url(r'linedetails/', details, name='details'),
]

关于我可能在做错的任何建议吗？

边注：

我有一些特定的性能问题，例如有限的互联网和
快速装弹时间。
应用程序将仅部署在本地主机上。

编辑

按照下面的答案，使用../static/lineoee/gauge.js我在python控制台上收到以下消息：

  “ GET /static/lineoee/gauge.min.js HTTP / 1.1” 304 0

参考方案

相对URL并非相对于模板的磁盘位置，而是相对于当前URL。因此，如果您使用URL访问页面

http://localhost/lineoee/

Javascript资源的相对URL为

../static/lineoee/gauge.min.js

这可能是为什么对静态资源使用绝对URL的一个好主意，因为URL配置可以随时更改。我建议您使用static模板标记，该标记为您处理以下详细信息：

{% load static %}
...
{% static 'lineoee/gauge.min.js' %}

在Wordpress插件中加载自定义JavaScript - javascript

好的，这让我发疯了：我正在尝试构建一个简单的Wordpress插件，并且正在尝试确保js与php分开。我已经看过了法典和各种教程，但要么都是在做假设，要么是我只是个白痴，因为它不起作用...基本上，我最终希望通过ajax向自定义添加一些行添加帖子时使用表格，但首先我要让“ Hello World”在“添加帖子”页面上工作...当然，这很简单：这是myplug…

Javascript无法读取Django模板中字典的键和值 - javascript

我有一本像这样的字典：dest = {2: [u'canada', u'A', 'Ottawa'], 5: [u'Malaysia', u'A', 'KualaLumpur'],...} 然后，我尝试使用javascript从Django模…

提交初始化后删除某些帖子数据 - javascript

在初始化提交之后但在将数据发送到处理页面之前，是否可以过滤$ _POST表单数据？我想象过程的方式：提交->收集$ _POST数据->发送数据我想做的事：提交->收集$ _POST数据->删除某些元素->发送数据这样就不必更改处理页面以过滤掉不希望接收的元素了吗？ javascript大神给出的解决方案 当然可以，您可以在JS …

将字符串值添加到php / javascript - javascript

您好，我有一些代码需要在其中插入一些字符串值，但是每次我输入字母时，脚本都无法正常工作。<script type="text/javascript"> "use strict"; var values = [1,2,3,4,5,6,7,8,9]; /*add string values here*/ var…

写一行到javascript文件 - javascript

我正在使用数组来显示网站中的一些图像：var paintingImages; paintingImages = [ { url: 'images/objects/ron.jpg', alt: 'ron' } ]; 该js代码写在paintings.js中，我的主要js代码写在main.js文件中我已经为艺术家制作了这个…