小技巧

一 ：在用jquery mobile时，导航条不在顶部，底部的情况：<div data-role="footer"  > ，底部导航条位子偏移<div data-role="footer"  data-position="fixed">，用fixed将此固定

二：canvas cxt.fillText();canvas文本的添加需附上颜色；  cxt.fillStyle="#008000";  cxt.fillText("今天",10,50)

三：jQuery Mobile 自定义按钮图标 一般方法引用jquery mobile里的系统图标

<a href="#" date-icon="gear">设置</a>

jquery mobile中css样式为：

.ui-icon-gear{

background-image: url(images/icons-36-white.png);

}

在自己的CSS样式定义即可

例：

<a href="#" data-icon="send">发射</a>

.ui-icon-gear{

background-image:url(images/fashe.png);

}

四  ：样式状态切换，图片改变，将其他的背景图片一并更换

if(selectedMode=="DRIVING")

{  $("#DRIVING").attr("src","images/mode_driving_on.png"); 

  $("#TRANSIT").attr("src","images/mode_transit_off.png");  

$("#WALKING").attr("src","images/mode_walk_off.png"); }   

  if(selectedMode=="TRANSIT"){  $("#TRANSIT").attr("src","images/mode_transit_on.png");  

$("#DRIVING").attr("src","images/mode_driving_off.png");  

$("#WALKING").attr("src","images/mode_walk_off.png"); }    

  if(selectedMode=="WALKING"){ $("#WALKING").attr("src","images/mode_walk_on.png");  

$("#DRIVING").attr("src","images/mode_driving_off.png");  

$("#TRANSIT").attr("src","images/mode_transit_off.png"); }

五：

两个div标签在同一行，全部float：left

六：

信息列表的滚动：

1 iscroll

2 <div  data-role="content" > <div id="result2"   style="width:100%;height:100%;"     ></div> <!-- style="width:300px;height:380px;"   style="width:100%;height:100%;"   --> </div>

七：在新窗口打开链接

target="_blank"

jquery实现innerHTML

$("#mi1")[0].innerHTML="dc333";