創建jQuery UI的選項卡（模板的NodeJS引擎）

您好我試圖與節點JS玉模板引擎創建jQuery UI的標籤，而這是行不通的。創建jQuery UI的選項卡（模板的NodeJS引擎）

這裏是index.jade：

doctype 5 
html 
    head 
    link(href='/stylesheets/style.css', rel='stylesheet') 
    script(src='http://code.jquery.com/jquery-1.6.1.min.js') 
    script(src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js')  
    script(src='/js/jquery-main.js') 

body 
#chat 
    #nickname 
    form.wrap#set-nickname 
     p Please type in your nickname and press enter. 
     input#nick 
     p#nickname-err Nickname already in use 
    #connecting 
    .wrap Connecting to socket.io server 
    #tabs 
    ul 
     li.first 
     a(href='#grchat') group chat 
     li.last 
     a(href='#canv') canvas 
    #grchat 
     #messages 
     #nicknames 
     #lines 
     form#send-message 
     input#message 
     button Send 
    #canv 
     h1 example

這裏是jQuery的main.js

$(function() { 
    $("#tabs").tabs(); 
});

標籤不渲染。

呈現的HTML是：http://jsfiddle.net/Nfcfc/

來源

2012-01-27 user993563

什麼是空的腳本標籤呢？爲什麼你將你的身體嵌入頭部？也似乎你已經把其他的div到標籤的div – Ezeke 2012-01-27 14:02:13

忽視這些錯別字，我的錯誤。 – user993563 2012-01-27 14:07:19

努力幫助你的話，你爲什麼不張貼真正的HTML？ – Ezeke 2012-01-27 14:09:12

你不顯得包括jQuery UI的樣式表，除非它是你的/stylesheets/style.css

爲了配合示例代碼粘貼到裏面你已經發布，你需要這個頭下添加到您的模板：

link(href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css', rel='stylesheet')

沒有jQuery UI的CSS，標籤將不會出現渲染。

來源

2012-01-27 17:48:56 jmoerdyk

愚蠢對我而言，太糟糕了，我:(:( – user993563 2012-01-27 18:32:12

創建jQuery UI的選項卡（模板的NodeJS引擎）

回答

相關問題