Question

我有一个django模板如下..

...
<div class="row">
    <div class="col-lg-12">
            <button type="submit" class="btn btn-primary" id="related"}>KIRK</button>
    </div>
</div>
...

和同一模板中的脚本

<script>
$(document).ready( function() {
    $("#related").click( function(event) {
        alert("You clicked the button using JQuery!");
    });
});
</script>

点击按钮我想显示警告，但这似乎对我不起作用？我无法弄清楚我做错了什么？它是定义脚本的方式还是没有使用正确的选择器？

Answer 1

将您的HTML更改为如下所示：

<div class="row">
    <div class="col-lg-12">
            <button type="submit" class="btn btn-primary" id="related">KIRK</button>
    </div>
</div>

（删除}）

Answer 2

使用你喜欢的调试器/ javascript控制台（我使用Firebug，但你也可以使用Firefox和Chrome内置控制台，我不知道IE开发者工具，这很糟糕）：

验证您是否加载了jQuery（而不仅仅是一些名为jquery.js的javascript文件）
验证是否已加载jQuery，并且通过键入$（'＃related'）`来确认DOM中只有一个节点，且ID为related。
在加载 jQuery之后，验证您的.click行已执行。

尝试使用不多年的Firefox版本。我使用38.0，你使用10.0？那是在2013年发布的。

Django模板jquery不起作用

2 个答案: