jquery mobile 笔记

1、navbar 相关

<nav data-role="navbar">
    <ul>
      <li><a href="#home"  data-icon="home">首页</a></li>
      <li><a href="#email" data-rel="dialog" data-icon="grid">邮件</a></li>
      <li><a href="#phonebook" data-rel="dialog" data-icon="search">通讯录</a></li>
      <li><a href="#calendar" data-rel="dialog" data-icon="star">日历</a></li>
    </ul>

  </nav>

 

data-rel=  是控制 navbar 弹出风格的

 

以上这个页面默认是弹出 一个窗口， 去掉 data-rel="dialog" 之后，就是弹出整个页面

 

2、关于动态生成之后的刷新

jqm很奇怪的地方就是，他不会自己刷新动态程序的html代码，需要手动刷新

代码如下：

  $("#pageone").trigger("create");

 

在每次动态生成之后，走要执行这个，不然html特效不对应用，包括赋值等。

 

jquerymobile动态添加元素之后

jquerymobile动态添加元素之后有些不能被正确渲染的解决方法：
listview: 添加 jq(".detail").listview("refresh");
div或其他： 添加.trigger( "create" );

jq(".detail:eq("+ix+1+")").append("<li>"+data.linete[i].S_Station+data.linete[i].D_Station+data.linete[i].S_Time+data.linete[i].D_Time+data.linete[i].distance+"</li>");
                
            });
            jq(".detail").listview("refresh")

jq("#container").append("<div data-role='collapsible' data-collapsed='true' class='info' data-transit='"+window.tranResult.getLo(i)+"' data-source='"+tran.getSource()+"'data-destination='"+tran.getDestination()+"'><h2>"+window.tranResult.getLo(i)+"</h2><ul data-role='listview' data-inset='true' class='detail'> </ul><ul data-role='listview' data-inset='true' class='detail'></ul></div>").trigger( "create" );

 

3、未完待续