使用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");