2012-09-12 52 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服務來獲取所需的服務器端數據。

相關問題