1

我正在尝试将jquery mobile 与jade & express 一起使用。我对玉有点陌生，很高兴能帮助我弄清楚这里出了什么问题。我正在使用 zip 下载中包含的标准 Jquery mobile 1.3 文件pre

我有两个文件的布局：

doctype 5
html
  head
    title= title
    meta(charset='utf-8')
    meta(name='viewport',content='width=device-width, initial-scale=1')
    meta(name='apple-mobile-web-app-capable',content='yes')
    meta(name='apple-mobile-web-app-status-bar-style',content='black')
    link(rel='stylesheet', href='/pre/jquery.mobile-1.3.0.min.css')
    link(rel='stylesheet', href='/pre/jquery.mobile.structure-1.3.0.min.css')
    link(rel='stylesheet', href='/pre/jquery.mobile.theme-1.3.0.min.css')
    script(src='/pre/jquery-1.9.1.min.js')
    script(src='/pre/jquery.mobile-1.3.0.min.js')

  body
    block content

还有我的内容：

extends layout
block content
  div#page1(data-role='page')
  div(data-theme='a',data-role='header')
    h3
      | Header
  div(data-role='content')
    a(data-role='button',href='#page1')
      | Button
    a(data-role='button',href='#page1')
      | Button
    a(data-role='button',href='#page1')
      | Button
  div(data-theme='a',data-role='footer',data-position='fixed')
    h3
      | Footer

我得到的问题：

在此处输入图像描述

4

1 回答 1

2

你的缩进content.jade是错误的。缩进下面的所有内容div#page1(data-role='page')，它工作得很好

extends layout
block content
  div#page1(data-role='page')
    div(data-theme='a',data-role='header')
      h3 Header
    div(data-role='content')
      a(data-role='button',href='#page1') Button
      a(data-role='button',href='#page1') Button
      a(data-role='button',href='#page1') Button
    div(data-theme='a',data-role='footer',data-position='fixed')
      h3 Footer

如您所见，您甚至可以通过不使用管道来简化代码|

于 2013-03-06T07:29:07.473 回答