Javascript Django、HTML、JS:<;img src=”等#&引用&燃气轮机;在HTML中工作,但在JS文件中不工作

Javascript Django、HTML、JS:<;img src=”等#&引用&燃气轮机;在HTML中工作,但在JS文件中不工作,javascript,html,django,src,Javascript,Html,Django,Src,如果我在home.html中调用,则会显示gif(因此这意味着它会正确指向所需的文件夹),但是如果我尝试在js文件中调用它,则会出现断开的图标()。 在JS文件中调用图像(与Html文件相比)有不同的方法吗 我的情况: home.html ... <script src="{% static 'js/conta.js' %}"> </script> <a href="{% url 'conta' %}" class="btn btn-pri

如果我在home.html中调用
,则会显示gif(因此这意味着它会正确指向所需的文件夹),但是如果我尝试在js文件中调用它,则会出现断开的图标()。 在JS文件中调用图像(与Html文件相比)有不同的方法吗

我的情况:

home.html

    ...
    <script src="{% static 'js/conta.js' %}"> </script>

    <a href="{% url 'conta' %}" class="btn btn-primary" role="button" id="btnGo">GO</a><div id="loading"></div>
    ...
。。。
...
conta.js

    $('#btnGO').click(function(e) {
        e.preventDefault();  

        $(this)
            .removeClass('btn-primary')
            .addClass('btn-danger disabled') 
            .text('WAIT');

        $('#loading').html('<img src="static/images/loader.gif" alt="loader.gif"/> loading...');

                        $.get("/conta/", function() {       
                           alert("FINISH");                    



        $('#btnGo')
            .removeClass('btn-danger disabled')
            .addClass('btn-primary') 
            .text('GO');

        $('#loading').html(''); 


        });
    });
});
$('#btnGO')。单击(函数(e){
e、 预防默认值();
$(本)
.removeClass('btn-primary')
.addClass('btn-danger disabled')
.text(“等待”);
$('#加载').html('loading…');
$.get(“/conta/”,函数(){
警报(“完成”);
$(“#btnGo”)
.removeClass('btn-danger disabled')
.addClass('btn-primary')
.text(“GO”);
$('#加载').html('');
});
});
});

您的
.js
文件未由tempate系统处理,因此模板标记在此不起作用。使用图像的硬编码路径:

$('#loading').html(
         '<img src="/static/images/loader.gif" alt="loader.gif"/> loading...');
$('#加载').html(
“装载…”);

您的
.js
文件未由tempate系统处理,因此模板标记在此不起作用。使用图像的硬编码路径:

$('#loading').html(
         '<img src="/static/images/loader.gif" alt="loader.gif"/> loading...');
$('#加载').html(
“装载…”);

您的
.js
文件未由tempate系统处理,因此模板标记在此不起作用。使用图像的硬编码路径:

$('#loading').html(
         '<img src="/static/images/loader.gif" alt="loader.gif"/> loading...');
$('#加载').html(
“装载…”);

您的
.js
文件未由tempate系统处理,因此模板标记在此不起作用。使用图像的硬编码路径:

$('#loading').html(
         '<img src="/static/images/loader.gif" alt="loader.gif"/> loading...');
$('#加载').html(
“装载…”);

我已经试过了,但它不起作用……也许此时我还不清楚术语“相对路径”(我试过
)。Static位于我的项目的父目录中。我更新了代码(感谢对
{%static..%}
的解释),我最初的配方是错误的。相对路径与CSS样式一起使用。所以最简单的方法就是使用绝对硬编码路径。在
静态
之前添加
/
斜杠(查看更新的答案)。谢谢!仅适用于“/”!!我已经试过了,但它不起作用……也许此时我还不清楚术语“相对路径”(我试过
)。Static位于我的项目的父目录中。我更新了代码(感谢对
{%static..%}
的解释),我最初的配方是错误的。相对路径与CSS样式一起使用。所以最简单的方法就是使用绝对硬编码路径。在
静态
之前添加
/
斜杠(查看更新的答案)。谢谢!仅适用于“/”!!我已经试过了,但它不起作用……也许此时我还不清楚术语“相对路径”(我试过
)。Static位于我的项目的父目录中。我更新了代码(感谢对
{%static..%}
的解释),我最初的配方是错误的。相对路径与CSS样式一起使用。所以最简单的方法就是使用绝对硬编码路径。在
静态
之前添加
/
斜杠(查看更新的答案)。谢谢!仅适用于“/”!!我已经试过了,但它不起作用……也许此时我还不清楚术语“相对路径”(我试过
)。Static位于我的项目的父目录中。我更新了代码(感谢对
{%static..%}
的解释),我最初的配方是错误的。相对路径与CSS样式一起使用。所以最简单的方法就是使用绝对硬编码路径。在
静态
之前添加
/
斜杠(查看更新的答案)。谢谢!仅适用于“/”!!