3

我在我的快速应用程序中包含 jquery js 文件时遇到问题。我将 jquery.js 文件添加到 /public/javascripts 文件夹，并将我的 layout.jade 文件更改为如下：

!!!5
html
  head
    title= title
    meta(name='viewport', content='width=device-width,initial-scale=1')
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet', href='/stylesheets/jquery.mobile-1.0.1.min.css')
    script(type='text/javascript', src='/javascripts/jquery.mobile-1.0.1.min.js')
    script(type='text/javascript', src='/javascripts/jquery-1.7.2.min.js')
  body!= body

我还包括了 app.use(express.static(__dirname + '/public')); 在我的 app.js.我更改了我的 index.jade 如下以包含一些 jquery 移动标签：

div(data-role='page')
div(data-role='header')
    h1= title

div(data-role='content')    
    ul(data-role='listview',data-inset='true',data-filter='true')
            li: a(href='#') Acura

问题是我无法正确渲染网页。我看不到任何与 jquery 相关的样式。有人知道我该如何解决吗？

谢谢，

4

1 回答 1

7

您需要在 jQuery Mobile 文件之前包含 jQuery Core 文件，因为后者扩展了前者；因此，如果包含 Mobile 时 Core 不存在，则会出现错误。

您可以在此处参考正确的顺序以包含 jQuery 和 jQuery Mobile 文件：http ://www.jquerymobile.com/download/

您还使用了错误的 jQuery Core 版本（查看上面的链接以获得正确的版本）：

  • jQuery Mobile 1.0.1 支持 jQuery Core 1.6.4。
  • jQuery Mobile 1.1.0 RC-1 支持 jQuery Core 1.7.1。jQuery Mobile 目前不支持 jQuery Core 1.7.2（如本文所述）。

最后，我将在 jQuery Mobile 样式表之后包含您的自定义 CSS 样式表，以便更轻松地覆盖 jQuery Mobile CSS。

于 2012-04-09T20:00:47.280 回答