Question

以下是我用作针对移动设备的Rails项目的主要布局。我根据jquery移动文档派生了页面，页眉，内容和页脚数据角色。有jquery移动体验的人是否在以下haml布局中看到任何明显的缺陷？

!!! 5
%html

  %head
    %title= h(yield(:title))
    %meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/
    %meta{:name => "viewport", :content => "width=device-width, initial-scale=1"}/
    = stylesheet_link_tag "http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css"
    = javascript_include_tag "http://code.jquery.com/jquery-1.6.1.min.js", "http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"
    = yield(:head)

  %body
    .app_page{"data-role" => :page, "data-theme" => :b}
      = yield(:header)

      .app_content{"data-role" => :content}
        ~ yield

      .app_footer{"data-role" => :footer}
        = yield(:footer)

Answer 1

我确保您的标题位于"data-role"=>:header的div中，否则您的布局看起来是正确的。

是什么让你认为它有缺陷？它似乎遵循jquery-mobile的页面对象规范，并且没有任何Rails特定的布局考虑。

Rails的jquery移动布局有什么好的例子？

1 个答案: