jQuery Mobile 是一個基于 HTML5 的設計框架,它能夠幫助我們輕松地貫穿一個連貫的用戶體驗,而無需擔心不同的設備和瀏覽器。該框架還提供許多樣式和主題,使我們可以通過簡單的代碼改變頁面的外觀。
// 更改默認主題 $(document).on("mobileinit", function() { $.mobile.changeGlobalTheme("b"); }); // 更改特定頁面的主題 $(document).on("pagecreate", "#somePage", function() { $(this).page({ theme: "a" }); }); // 更改按鈕的外觀 $(document).on("pagecreate", function() { $("a").buttonMarkup({ theme: "c", icon: "star" }); });
以上代碼演示了如何改變全局主題、特定頁面的主題和按鈕的外觀。通過使用 jQuery Mobile 的樣式和主題,我們可以輕松地改變頁面的風格,并且不需要編寫大量的 CSS 代碼。這樣,我們能夠更專注于頁面的功能和用戶體驗,同時也提高了開發效率。