3

Expressアプリケーションにjqueryjsファイルを含めるのに問題があります。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.Iで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

問題は、Webページを正しくレンダリングできないことです。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 に答える