Jquery Mobile中的自定义对话框 http://dev.jtsage.com/jQM-SimpleDialog/demos2/button.html 设置按钮的点击和划过的效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd)"> <html xmlns="[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手写html</title> <script type="text/javascript" src="jquery-1.7.js"></script><!--换成自己的Jquery引用--> <!-- 写javascript --> <script type="text/javascript"> <span class="katex math inline">(function(){</span>("#1").mouseenter(function(){<span class="katex math inline">(this).css("background","red");});//鼠标在按钮上,设置red</span>("#1").mousedown(function(){<span class="katex math inline">(this).css("background","yellow");}).mouseup(function(){</span>(this).css("background","black");});//mousedown数遍按下时 设置为yellow，mouseup点击后变black }); </script> </head> <body> <input type="button" value="点击" id="1"/> </body> </html> html中运行在移动客户端的浏览器中没有放大和缩小按钮。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> jQuery Mobile Data 属性 http://www.w3cschool.cc/jquerymobile/jquerymobile-ref-data.html
此文章将会持续更新，主要收录一些新手比较常见的问题。
欢迎 向我推荐比较典型的常见问题，我会记录并整理进文章，方便自己更方便大家。
#### 文章导读： - [1、页面缩放显示问题](http://www.wglong.com/main/artical!details?id=4#q1) - [2、页面跳转后样式丢失js失效](http://www.wglong.com/main/artical!details?id=4#q2) - [3、跳转时重复调用pageinit方法的解决办法](http://www.wglong.com/main/artical!details?id=4#q3) - [4、如何调用loading效果](http://www.wglong.com/main/artical!details?id=4#q4) - [5、动态改变了list的内容，但是内容并没有变化](http://www.wglong.com/main/artical!details?id=4#q5) - [6、把所有内容放到一个页面好,还是分开多页面好](http://www.wglong.com/main/artical!details?id=4#q6) - [7、如何禁掉ajax跳转](http://www.wglong.com/main/artical!details?id=4#q7) - [8、为什么android2.3系统转屏无效果？](http://www.wglong.com/main/artical!details?id=4#q8) - [9、如何去掉jqm自带的组件样式？](http://www.wglong.com/main/artical!details?id=4#q9) - [10、jquery mobile “闪屏” 问题](http://www.wglong.com/main/artical!details?id=4#q10) 2013/4/30 更新内容： - [11、按钮按下/划过的状态感觉反应有些迟缓？](http://www.wglong.com/main/artical!details?id=4#q11) 2013/5/1 更新内容： - [12、jquery mobile各类组件刷新方法](http://www.wglong.com/main/artical!details?id=4#q12) 2013/5/7 更新内容： - [13、在页面动态添加组件，发现css消失了](http://www.wglong.com/main/artical!details?id=4#q13) 2013/5/22 更新内容： - [14、关于checkbox取值问题](http://www.wglong.com/main/artical!details?id=4#q14) 2013/5/28 更新内容： - [15、点击屏幕，header和footer会略微抖动？](http://www.wglong.com/main/artical!details?id=4#q15) 2013/6/20 更新内容： - [16、jqm图标|图标定位|隐藏图片上的文字|去除图标阴影|自定义图标|去除按钮阴影/圆角](http://www.wglong.com/main/artical!details?id=4#q16) - [17、jqm组件显示正常，但是小图标是“空的”，没有正常显示](http://www.wglong.com/main/artical!details?id=4#q17) - [18、$.mobile.changePage方法不能正常跳转](http://www.wglong.com/main/artical!details?id=4#q18) ##### 1页面缩放显示问题 <span class="label label-info" style="font-weight: bold; color: #ffffff;">问题描述：</span> 页面似乎被缩小了，屏幕太宽了。 <span class="label label-important" style="font-weight: bold; color: #ffffff;">解决办法：</span> 在head标签内加入： <meta name="viewport" content="width=device-width, initial-scale=1"> 2 页面跳转后样式丢失js失效 <span class="label label-info" style="font-weight: bold; color: #ffffff;">问题描述：</span> 用ajax跳转的时候，从a.html跳转到b.html后，b.html的css以及js都失效了。 <span class="label label-important" style="font-weight: bold; color: #ffffff;">解决办法：</span> 将当前页面需要用到的css以及js放在 div内。
...