2012-05-15 3 views
0

를로드 예제 (대화 상자에서jQuery를 모바일 가까운 대화와 그것을 가능하며, jQuery를 모바일에서 다른 페이지

  • 페이드로, (example.html 말할 수 있습니다). 백그라운드에서 HTML)
  • 대화 상자가 페이드 아웃 삼초와
  • example.html 후에는

내가 설정을 대화를했지만/페이드 아웃 페이드 위해 무엇을해야할지 확실하지 지금 볼 수 있습니다 대화 상자.

<div data-role="page"> 
// page 
</div> 

<div data-role="dialog"> 
    // dialog box fades in, 3 seconds later, fade out 
</div> 

답변

1

주석 페이지와 페이지의 pageshow 이벤트에이 같은 고유 ID와 결합 뭔가 대화 :

jQuery('#myPageId').bind('pageshow', function() { 
    var me = jQuery(this); 
    var dialogShown = me.data('dialogShown'); 
    var dialog = jQuery('#myDialogId'); 
    if(!dialogShown) { 
     me.data('dialogShown', true); 
     dialog.one('pageshow', function() { 
      setTimeout(function() { window.history.back(); }, '3000'); 
     }); 
     jQuery.mobile.changePage(dialog, {transition: 'fade'}); 
    } 
}); 
0

fadeOut 방법을 사용하면 대화 상자를 페이드 아웃 할 수 있어야합니다. 그런 다음 페이지가로드 된 후 3 초 후에 호출하도록 타이머를 설정하십시오.

관련 문제