JS 不适用于 JADE答案

【问题标题】：JS doesn't work on JADEJS 不适用于 JADE
【发布时间】：2016-05-11 07:37:21
【问题描述】：

我做了很多研究，但我完全不知道如何前进。

我正在使用 Jade 和 Python/Django 做一些项目，但我的 JavaScript 不起作用。我在 Jade 中使用 JavaScript 或 JQuery 或者将其放入它自己的单独 JS 文件然后调用这些文件都没有关系。

我决定在小文件中进行一些测试以了解它是如何工作的，但是我无法让我的小测试工作。

这些是我一直在使用的文件：

布局

doctype html
html(lang='es')
    head        
        block title

    // body
    body
        #main
            block content
        script(src='/static/js/modals.js')

不确定此文件的作用：

extends prueba-layout.jade

block title
    title esto es un titulo
    link(rel="stylesheet", href="")

block content
    p esto es un contenido asasadasdasdds
    button#btn click me to open something

第一个 JQuery --> 失败

$(document).ready(function() {
    $('#btn').click(function(){
        alert('asdasd');
    });
});

第二个 JQuery --> 失败

$('#btn').click(function(){
            alert('asdasd');
        });

第 3 次 JS --> 成功

alert("Testing");

所有这些文件都是 .JS

第 4 个 JS --> 失败是 .jade 并包含在其中

script(text/javascript).
    $(document).ready(function(){
        alert('hey');
    });

谁能解释为什么我的 JS 根本没有被调用？

【问题讨论】：

你是否包含了 jQuery
是的...我已经修好了！

标签： javascript jquery node.js pug

【解决方案1】：

已修复：

我正在调用一些模态，它们在另一个 .jade 中而不是按钮（无论如何都呈现在同一个 url 上）但它不起作用

将“按钮”或“激活 JS 的内容”放在与您要显示的“内容”相同的 .jade 中（在我的例子中是模态）

【讨论】：