JS不在JADE

时间:2016-02-02 13:11:13

标签: javascript jquery node.js pug

我做了很多研究,我完全失去了如何向前发展。

我正在使用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 - > FAIL

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

第二个JQuery - > FAIL

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

第3个JS - > SUCCESS

alert("Testing");

所有这些文件都是.JS

4th JS - >失败了.jade并包括

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

有人可以解释为什么我的JS根本不被调用吗?

1 个答案:

答案 0 :(得分:0)

<强> FIXED:

我正在调用一些模态,它们在另一个.jade中被禁止而不是按钮(无论如何都在同一个URL上呈现)但它不起作用

将“按钮”或“活动 JS ”放在与您要显示的“内容”相同的.jade中(在我的情况下为模态)