것은

2011-10-28 3 views
6
jQuery를 모바일로

나는것은

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

지금이 작동하는 사용자 정의 테마를 사용하여 페이지를 만들 수 있지만 내 페이지와 모든 컴 퓨터의 각이 줄을 추가해야 할 수 있습니다 나는 새 페이지를 추가한다. body 태그에 data-theme="s"을 추가하려고했지만 아무런 영향이 없습니다. 페이지 당 수작업으로 설정하는 방법이 있습니까?

답변

8

AFAIK를 프로그래밍 방식으로 수행해야합니다. 의 라인을 따라

뭔가 :

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

이제 중앙 집중식 후크가 없기 때문에 - 모든 테마 옵션에 대한 비슷한 라인을해야 할 것이 있습니다 :

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

등 에.

내가 그들 모두의 목록을 가지고 있지 않지만,은 .prototype.options.에 대한 탐색 jquery.mobile-1.0rc1.js을 통해 빠른 모습이 보여 :

$.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 

는 그래서 나에게 보인다 당신은 이것들과 함께 가고 더 많은 것을 발견 할 수 있습니다. 참고 모두가 이와 같이 생성되는 것은 아니며 일부는 코드에서 동적으로 생성됩니다. 무슨 뜻인지 알아 보려면 Theme 문자열을 찾으십시오.

$.mobile.page.prototype.options.theme가도 업데이트해야 업데이트 - 아래 Moak의 의견에 따라.

+1

좋습니다. 감사합니다. 조사해보고합니다. 이것은 실행 가능한 솔루션이지만, 이렇게 구현 된 방법이 없을 정도로 어리석은 것처럼 보입니다. – Moak

+0

과 함께'$ .mobile.page.prototype.options.theme'이 성공했습니다 – Moak

+1

1.4.0 (이전 릴리스는 확실하지 않음)에서 jquery.js 및 BEFORE jquery.mobile * .js를로드 한 후에이 작업을 수행해야합니다 –

1

다음은 저에게 효과적입니다. JQM이 초기화 된 후에 호출되는지 확인하십시오.

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