Question

您好我尝试使用jade模板引擎为节点js创建jquery ui标签，但它不起作用。

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

您似乎不包含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，标签似乎不会呈现。

用jade创建jquery ui标签（nodejs模板引擎）

1 个答案: