Thay đổi mặc định dữ liệu chủ đề từ jQuery Mobile

Question

Với jQuery Mobile tôi có thể tạo ra một trang sử dụng một chủ đề tùy chỉnh

<div data-role="page" data-theme="s" id="home">... 

Bây giờ công trình này, nhưng đòi hỏi mà tôi thêm dòng này trong mỗi trang và mặt ở khắp mọi của tôi thời gian tôi thêm một trang mới. Tôi đã thử thêm data-theme="s" vào thẻ body nhưng điều này không ảnh hưởng gì. Có cách nào để làm điều này khác sau đó thiết lập nó bằng tay mỗi trang?

Answer 1

Bạn sẽ phải làm điều đó theo chương trình, AFAIK.

cái gì đó dọc theo dòng:

$(document).bind("mobileinit", function() 
{ 
    ... 
    $.mobile.page.prototype.options.contentTheme = "z"; //your theme 
    ... 
}); 

Bây giờ, vì không có móc tập trung - bạn sẽ phải làm dòng tương tự cho tất cả các tùy chọn theme có:

$.mobile.page.prototype.options.headerTheme 
$.mobile.page.prototype.options.footerTheme 

và do đó trên.

Tôi không có một danh sách tất cả trong số họ, nhưng một cái nhìn nhanh qua jquery.mobile-1.0rc1.js tìm kiếm .prototype.options. tiết lộ sau đây:

$.mobile.page.prototype.options.backBtnTheme 
$.mobile.page.prototype.options.headerTheme 
$.mobile.page.prototype.options.footerTheme 
$.mobile.page.prototype.options.contentTheme 
$.mobile.listview.prototype.options.filterTheme 

vậy có vẻ như với tôi bạn có thể đi với những thứ này và khám phá nhiều hơn khi bạn đi. Lưu ý rằng không phải tất cả chúng đều được tạo ra như thế - một số được xây dựng động trong mã. Tìm kiếm chuỗi Theme để xem ý tôi là gì.

Cập nhật

$.mobile.page.prototype.options.theme cần được cập nhật cũng - dựa trên nhận xét Moak của bên dưới.

Answer 2

Làm việc sau đây cho tôi. Chỉ cần chắc chắn rằng nó được gọi là sau khi JQM được khởi tạo.

$.mobile.page.prototype.options.theme = "b";