Question

我有这个非常简单的jade文档，我想导入标准的jQuery脚本：

extends layout

block content
    h1 #{title}

    ul#messages
    form#formAddUser(name="adduser",method="post",action="")
        input#m(type="text", name="message")
        button#btnSubmit(type="submit") submit

    script(src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js")

是

的扩展名

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')

  body
    block content

事情是该脚本甚至无法识别！我宁愿有404响应，但即便如此，根本没有任何反应。我做错了什么？

非常感谢

P.S：我正在使用express.js

控制器代码：

router.get("/chat",function(req,res){
    res.render("chat",{title:"Chat"});
});

更新：我在布局中添加了一块

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(type="text/javascript")
      alert("hello!")
  body
    block content

那个简单的警报，它也不起作用！

Answer 1

在jade中为文字解析添加一个点。即

doctype html
html
    head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(type="text/javascript").
        alert("hello!")
        console.log('Notice the dot after the script tag.');
body
    block content

如果添加一个点，那么中的任何该块（如此缩进）都不会被解析。像这样：

ul li This is inlined text. li. But this one is on its' own line, without the But being turned into a tag. li div this is a div inside a li li. div this is not a div, simple text inside a li. p For added bonus, you can also use a colon and the next thing is also a tag. p like, opposite of the dot. p: a(href="#") Clickme! p a(href="#") I'm not clickable :(

玉很酷，不是吗？

编辑：哎呀，只是注意到警报（＆＃39;你好＆＃39;）只是你原始问题的附录。让我更新答案。

编辑2：实际上，您是否可以展示您呈现的HTML（第一个示例），这样我就可以看到实际呈现的内容以及您希望在那里呈现的内容？

翡翠 - 脚本未被识别

1 个答案: