나는 jQuery 모바일에 이빨을 들이고있다.jQuery mobile ajax navigation
great tutorial on elated.com을 읽었는데 그 중 일부는 페이지 전환/아약스 탐색과 관련이 있습니다. 이것은 멋지게 보입니다 (내 iPhone에서)하지만 원본을 보면 동일한 페이지의 모든 평면 HTML입니다.
내가 원하거나 원하는 것은 다른 URL을 가리키고 가능하면 동일한 효과가 발생한다는 것입니다.
나는 데이터 URL에 대해 here 정보를 읽었지만 아무 것도 작동하지 않는 것 같습니다.
<p><a href="#" data-url="test.html" data-transition="flip">My test link</a></p>
올바른 코드는 무엇입니까 : 여기
는 obviosuly 작업을 나던 것을 매우 거친 예제 코드인가? 심지어 가능할까요?
는 <a href="test.html">link</a>
너무 명백한 것 같습니다하려고? ;)
data-url은 페이지 div가로드되었을 때 갖는 속성입니다. 모든 페이지는 현재 DOM에 AJAX로로드되며이 속성을 쉽게 찾을 수 있습니다. http://jquerymobile.com/test/docs/pages/page-links.html
기본 링크 동작에서
: 아약스
이 애니메이션 페이지 전환을 사용하려면 (. 예 products.html) 외부 페이지를 가리키는 모든 링크는 Ajax를 통해로드됩니다. 이것을 조심스럽게하기 위해, 프레임 워크는 링크의 href를 파싱하여 Ajax 요청 (Hijax)을 공식화하고로드 스피너를 표시합니다. 이 모든 것은 jQuery Mobile에 의해 자동으로 발생합니다.
Ajax 요청이 성공하면 새 페이지 컨텐츠가 DOM에 추가되고 모든 모바일 위젯은 자동 초기화되고 새 페이지는 페이지 전환으로 뷰에 애니메이션이 적용됩니다.
태그를 추가 data-ajax="false" 아무것도 당신이 예에 대한 새 페이지로드 expliticly 할 : 당신은 (외부가 아닌 의미 경우
<a href="xyz.html" data-ajax="false">Link</a>
는 또한 네이티브 앵커 target 태그
을 사용할 수 있습니다 같은 페이지에있는 id에 대한 참조), 단순히 'a'태그의 href에 원하는 URL을 넣으려고 했습니까? 이것이 다른 많은 모바일 프레임 워크가하는 방법입니다. – Groovetrain
예, 곧 메신저가 바보라고 말하려고합니다. 건배 – Adi