角色功能HTML5 经量级框架 jQuery Mobile 7.1

新手发帖，很多方面都是刚入门，有错误的地方请大家见谅，欢迎批评指正

  %h2= "第八章 经量级框架 jQuery Mobile"

  %section

  %p.jquery-mobile

    %article.access

      %p= "dataset自定义属性"

      %div{:id => 'mobiletitle', :class => "mobiletitle", 'data-category' => '前端技巧', 'data-title' => 'HTML5移动指南', 'data-time' => '2011-11-10', 'data-author' => 'sankyu' }

      %p{'data-role' => 'page'}= "data-role 功能角色"

      %p{'data-title' => 'title'}= "data-title 试图标题"

      %p{'data-transition' => 'top'}= "data-transition"

      %p{'data-rel' => 'true'}= "data-rel 试图浮动"

      %p{'data-icon' => 'nil'}= "data-icon"

      %p{'data-iconpos' => 'iconpos'}= "data-iconpos "

      %p{'data-inline' => 'inline'}= "data-inline "

      %p{'data-type' => 'type'}= "data-type "

      %p{'data-rel' => 'back'}= "data-rel "

    每日一道理
如果只看到太阳的黑点，那你的生活将缺少温暖；如果你只看到月亮的阴影，那么你的生命历程将难以找到光明；如果你总是发现朋友的缺点，你么你的人生旅程将难以找到知音；同样，如果你总希望自己完美无缺，假设你的这一愿望真的能如愿以偿，那么你最大的缺点就是没有缺点。

      %p{'data-add-btn-text' => 'btn'}= "data-add-btn-text "

      %p{'data-back-btn-text' => 'text'}= "data-back-btn-text "

      %p{'data-postion' => 'text'}= "data-postion "

      %p{'data-fullscreen' => 'text'}= "data-fullscreen "

      %p{'data-native-menu' => 'text'}= "data-native-menu "

      %p{'data-placeholder' => 'text'}= "data-placeholder "

      %p{'data-inset' => 'text'}= "data-inset "

      %p{'data-split-icon' => 'text'}= "data-split-icon "

      %p{'data-split-theme' => 'text'}= "data-split-theme "

      %p{'data-filter' => 'text'}= "data-filter "

    

  $mobil = document.getElementsByClassName('mobiletitle')[0]
  if ($mobil.dataset)
     alert($mobil.dataset.category)
  else
    alert("不支持")

文章结束给大家分享下程序员的一些笑话语录： 苹果与谷歌之争就是封闭收费与自由免费思想之争。（别急着把google来膜拜哦？那可是一家公司，以赚钱为目标的公司！当年我Party就是这样把广大劳动人民吸引过来的。今天的结果你们都看到了。）

--------------------------------- 原创文章 By 角色和功能 ---------------------------------