2012-09-12 69 views

回答

4

当然可以在jde中使用jQuery或任何其他JavaScript客户端库。您需要弄清楚使用任何引擎的语法,以包含JavaScript文件和JavaScript代码。使用Jade,您可以使用script()来包含外部文件(如jQuery库),然后使用脚本编写特定的调用代码。看一看玉文档这里:https://github.com/visionmedia/jade#readme

下面是一个玉文件(1)包括jQuery和然后的一例(2)来更新通过jQuery的HTML元素(“消息”):

doctype 5 
html 
    head 
    title= title 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    script(src='http://code.jquery.com/jquery-1.8.1.js') 
    body 
    h1= title 
    p#container Welcome to #{title} 
    p#message (to be filled in) 
    script 
     alert('hello world'); 
     $("#message").html("message set through jquery") 
+0

我想使用下面的“http://datatables.net/”,这是否与Jade“兼容”? – Rolando

3

不要将Jade看作是另一种语言,或者与您现有的HTML/JS堆栈不兼容的东西 - 它只是一种简写HTML的方式,它允许您将服务器端数据作为副产品注入。

对于我的私人堆栈,我在服务器端使用express + jade,然后在客户端使用angularjs,jquery和twitter bootstrap。我使用require.js来管理所有的导入,并且在我的jade模板中,我只有一个script()引用指向main.js文件,它具有我所有的require.js逻辑。

但是,就表达/玉去 - 关键是要确保你明白,它不是让你的生活复杂化,它在那里让你的生活更轻松。如果您觉得这很混乱,请切换到其他模板引擎,或者直接提供静态html页面,而无需注入任何内容,并设置AJAX服务来获取所需的服务器端数据。

相关问题