2013-10-17 2 views
0

필자는 본질적으로 사용자가 템플릿 안에있는 하나의 페이지에서 시작할 수 있다는 것을 의미하는 다중 페이지 템플릿 구조를 사용하고 있습니다.jquery mobile 멀티 페이지 첫 페이지 초기화

사용자가 어떤 페이지를 시작하든 상관없이 한 번만 작업을 수행하려고합니다 (그리고 나서 사용자가 페이지 사이를 탐색 할 때 작업을 반복해서는 안됩니다).

$('#my1page').on('pageinit', function(event){ 
    // blahblah setup websocket 
}); 
$('#my_other_page').on('pageinit', function(event){ 
// blahblah setup websocket 
}); 
$('#and_heres_another_page').on('pageinit', function(event){ 
// blahblah setup websocket 
}); 

그래서 난 그냥

$('#FIRST-WHATEVER-PAGE-USER-NAVIGATES-INTO').on('pageinit', function(event){ 
// blahblah setup websocket 
}); 

정상적인 상황에서 나는() document.ready 사용하는 것이 될 무엇보다도 함께 그룹화 할 그러나 이것은 매우 큰 NO-NO에 대한 jquerymobile입니다.

+0

시도'$ (문서) CSTE 연구진은 CSTE 연구진() 함수의 구문을 살펴 ('pageinit'기능을() {코드}). off ('pageinit'); ' – Omar

+0

@Omar가 전혀 작동하지 않습니다. 이벤트는 한 번도 실행되지 않습니다. – user1847576

+0

'document'를'[data-role = page]'로 대체하십시오. – Omar

답변

0
$(document).on('pageinit', function() 
{ 
    //do something here 
}); 

나중에 문서를 동적으로 추가하는 경우에도 문서의 모든 페이지에 대해 작업해야합니다.

편집이 : JQuery와에

click me

+0

글쎄, 이건 실제로 모든 pageinit에서 해고되고 있습니다. 하지만 처음부터 변수를 추가하기 위해 약간 수정했습니다 : 'var wasUsed = false; $ (문서) CSTE 연구진 ('pageinit', 기능() { 경우 (wasUsed) 반환; wasUsed = TRUE; }); 물론' – user1847576

+0

는 만 $ (문서) 측면을 대상으로 질문을 생각했다;) – tronc