jQuery Mobile是一個出色的移動設備web開發框架,其中最常使用的是create方法。create方法可以用于創建頁面和小部件。
//創建頁面 $(document).on("pagecreate", "#pageID", function(){ //頁面創建時的操作 }); //創建小部件 $(document).on("pagecreate", "#pageID", function(){ $("").attr({"id": "widgetID", "data-role": "collapsible"}).appendTo(this); $("").text("Widget Title").appendTo("#widgetID"); $("
").text("Widget Content").appendTo("#widgetID"); $("#pageID").trigger("create"); });
在代碼中,我們使用on方法和pagecreate事件來監聽頁面創建,并在頁面創建完成后執行相應的操作。若要創建小部件,只需使用jQuery方法動態創建HTML元素,并將其附加到頁面中的目標元素上。最后,我們需要使用trigger方法來將頁面小部件樣式及效果應用到新創建的小部件上。
值得注意的是,如果要在動態添加的頁面或小部件中使用create方法,不要忘記在添加完成后觸發create方法。這樣才能確保頁面和小部件都能正確應用jQuery Mobile的樣式和特效。