2012-08-27 4 views
1

이상한 작업이 있습니다. 내 사이트에 대해 두 가지 유형의 팝업 창이 필요합니다. 첫 번째 팝업은 일반 팝업이며, 데스크톱 버전은 이고 다른 하나는 사이트의 모바일 버전jquery mobile을 비활성화하는 방법

입니다.

질문 : 모바일 버전 에 대한 팝업을 표시하고 jupery.mobile을 활성화 할 수 있습니까? 팝업을 닫으면 jquery mobile을 비활성화 할 수 있습니까?

은 (참고로 : 내 팝업에 대한 iframe을 사용하지 마십시오)

나는 그것을 필요하면 jquery.mobile 사용하도록 설정하는 방법을 이상한 방법을 발견하지만,이 경우에 나는 jquery.mobile을 해제 할 수 없습니다

$(document).bind("mobileinit", function(){ 
    $.mobile.autoInitializePage = false; 
}); 
setTimeout(function(){ 
    $.mobile.initializePage();// run jquery.mobile in 15 seconds for example 
},15000); 
+0

아아,'initializePage()'에 대응하는 것이 없습니다 (아직). 문서가 보강되면 그 방법대로 유지됩니다. 직접 작성할 수도 있지만 DOM에서 수행되는 모든 수정 사항을 되돌려 야합니다. 아마도 쉽지는 않을 것입니다. –

+0

@ Frédéric Hamidi 그것은 내가 찾고있는 것이 아니며 jquery.mobile의 다음 새 버전을 사용할 수있는 정상적인 방법을 찾는 것이 좋을 것입니다. 각 새 버전에서 내 메서드를 수정하고 싶지 않습니다. (: – sukinsan

+0

이해할 수 있습니다 .Jasper의 답변을 구현하는 것처럼 스타일링을 제거 하시겠습니까, 아니면 위젯을 실행 취소 하시겠습니까? –

답변

0

jQuery Mobile의 CSS를 변경하여 "플래그"를 추가하여 특정 컨테이너 내의 요소에만 적용 할 수 있습니다. 여기

샘플 jQuery를 모바일 CSS 규칙 선언 (단지 선택)입니다 :

.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit 

당신은이를 변경하는 경우 :

그런 다음 CSS는 단지 내 요소에 적용됩니다
.my-custom-class .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit 

요소는 my-custom-class 클래스입니다. 즉, 대부분의 경우 규칙적인 스타일의 페이지를 만들 수 있지만, jQuery Mobile 스타일을 사용하려면 my-custom-class (또는 클래스 이름을 지정하려는 이름) 컨테이너에 대화 상자를 표시하면됩니다.

+0

감사합니다.이 방법을 조사하겠습니다. – sukinsan

+0

어, 저에게 도움이되지 않습니다.) – sukinsan

+0

좀 더 구체적으로 설명해 주시겠습니까? – Jasper

관련 문제