동적으로 변경되는 테마

Question

jQuery Mobile 및 PhoneGap으로 앱을 제작 중입니다. 그래서 나는이 somethinglike 만든 동적 테마를 chnge 할 :

function theme() 
{ 
    Array.prototype.forEach.call(document.getElementsByTagName("*"), function (el) { 
    el.setAttribute("data-theme", "e"); 
}); 
} 

문제는 테마 요소 만 또는 "탭"이벤트에 대한 예를 들어 마우스를 스크롤 한 후 변경할 수 있다는 것입니다.

페이지를 다시로드하지 않고 문제를 해결하려면 어떻게해야합니까? 테마를 설정하고 모든 사이트에서 테마를 설정하고 싶습니다.

Answer 1

시도하는 중에 방해가 될 수 있습니다. jQuery 모바일은 data-theme 속성이 이고이 표시되기 전에는 페이지가 표시됩니다. 즉, 선택한 테마를 기반으로 적용된 CSS 규칙을 변경합니다. 따라서 페이지를 다시로드하지 않으려면 data-theme 속성이 아닌 CSS 규칙을 변경해야합니다. 이런 식으로 뭔가 :

는

$('#button1').css(....);