用jade创buildjquery ui选项卡（nodejs模板引擎）

您好我尝试创buildjQuery的ui标签与玉节点js模板引擎，它不起作用。

这里是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/

Answer 1

除非将其粘贴到/stylesheets/style.css中，否则您似乎没有包含jQuery UI样式表

要使用您发布的示例代码，您需要将其添加到您的模板头下：

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

没有jQuery UI的CSS，选项卡将不会呈现。