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

總結

以上是生活随笔為你收集整理的jq mobile一些菜鸟，w3c教程没出现方法汇总，持续更新中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。