jq mobile一些菜鸟,w3c教程没出现方法汇总,持续更新中

使用js操作面板,弹窗等

1.panel打开方法,教程里都是通过href打开,这是一个可以在js里打开panel的方法$("#myPanel").panel("open");

$("#myPanel").panel("close");即为关闭

1.popup打开方法,教程里都是通过href打开,这是一个可以在js里打开popup的方法$("#myPanel").popup("open");

$("#myPanel").popup("close");即为关闭 //2018/6/8更新

动态加载页面时,jq mobile不加载样式等

1.弹窗data-role="popup"

在动态添加了弹窗代码时,需要重新渲染的是page页面,$("#page").trigger("create");

2.表单form

<form method="post" action="" id='form1'>
     <input type="text" name="storage" id="storage">
</form>

此时,使用$("#form1").trigger("create");//即可重新渲染局部界面

3.listview,select等

 listview针对jquerymobile针对listview组件刷新。$("div[data-role=content] ul").listview();   

如果想针对listview内部的li刷新可以使用 $("div[data-role=content] ul li").listview("refresh");


复选按钮  
$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");  
   
单选按钮组:  
$("input[type='radio']").attr("checked",true).checkboxradio("refresh");  
   
选择列表::  
var myselect = $("select#foo");  
myselect[0].selectedIndex = 3;  
myselect.selectmenu("refresh");   
   
滑动条  
$("input[type=range]").val(60).slider("refresh");  
   
开关 (they use slider):  
var myswitch = $("select#bar");  
myswitch[0].selectedIndex = 1;  
myswitch .slider("refresh");  

猜你喜欢

转载自blog.csdn.net/qq_32524473/article/details/80625042