0
"슬라이드"전환을 사용하여 동일한 페이지에있는 DIV간에 전환을 시도하면서 '다중 페이지'패러다임을 갖춘 웹 앱을 구축하고 있습니다. 역 전환이 제대로 작동JQuery 모바일 슬라이드 전환은 역방향이지만 앞으로는 진행되지 않습니다.
function navnext(next) {
console.log('(next) navigating to ' + next);
$(":mobile-pagecontainer").pagecontainer("change", "#" + next, {
transition: "slide",
allowSamePageTransition: true
});
}
function navprev(prev) {
console.log('(prev) navigating to ' + prev);
$(":mobile-pagecontainer").pagecontainer("change", "#" + prev, {
transition: "slide",
reverse: true,
allowSamePageTransition: true
});
}
:
나는/오른쪽에서 왼쪽으로 스 와이프 또는 키보드에 트리거되는 두 가지 기능을 가지고있다. 현재 활성 페이지는 이전 페이지가 왼쪽에서부터 슬라이드 할 때 오른쪽으로 슬라이드합니다.
앞으로 전환을 사용하면 현재 활성 페이지가 슬라이드 아웃되지만 빈 흰색 페이지가 들락입니다. 흰색 페이지가 들어가면 내용이 깜박입니다. 나는 내가 뭘 잘못하고 있는지 또는 이것이 한 방향에서만 일어날 수있는 원인인지 확신 할 수 없다.
EDIT : 주위를 노린 후 헤더를 제거하여 문제를 해결할 수있었습니다. 외부 헤더를 올바르게 사용하지 않는다는 느낌이 들었습니다.
여기 내 헤더 코드입니다 :
<div data-role="header" data-tap-toggle="false" data-theme="d">
<div class="icon-up-arrow">
<img src="/static/img/up-arrow-white.png">
</div>
<h1 id="header_text" class="smallcaps"></h1>
</div>
그리고 다음 JS는 <body> 태그의 끝에서 실행 : 내 헤더 문제를 해결에
$("[data-role='header']").toolbar({ theme: "d" });
$("[data-role='footer']").toolbar({ theme: "d" });
스 와이프시 다음 페이지를 동적으로 채우고 있습니까? 아니면 이미 정적 콘텐츠입니까? pagecreate, pageshow 등의 코드를 실행하고 있습니까? – ezanker
내용이 정적이며'pagecontainerbeforeshow' 이벤트를 사용하여 머리글과 바닥 글을 업데이트하고 있습니다. 그러나 해당 코드를 비활성화해도 도움이되지 않습니다. – jdelman
@ezanker : 주위를 노린 후 헤더를 제거하여 문제를 해결할 수있었습니다. 나는 외부 헤더를 올바르게 사용하지 않는다는 느낌을 받는다. 원래 헤더에 HTML 헤더를 넣고 있습니다. 감사! – jdelman