2014-02-21 3 views
2

jquery 모바일 1.4.1에서 동적으로 헤더 (date-role=header)를 추가하려고합니다. 그 오른쪽에 버튼을 추가하고 머리글을 새 버튼으로 다시 만들고 jquery 모바일 스타일링을 사용하도록 $('#page').trigger('pagecreate')을 사용하고 있습니다. jQuery 모바일 1.3.2에서 작동하지만 1.4.1에서는 작동하지 않습니다. 나는 새로운 enhanceWithin() 기능으로 시도했지만 여전히 작동하지 않습니다. 나는 또한 $('#header').enhanceWithin()을 시도했는데 그것도 작동하지 않았다. 나는 trigger('create') 방법은 사용되지 않습니다 이해하지만, 나는이 새로운 enhanceWithin() 기능Jquery Mobile 1.4.1 동적 헤더

+0

이상한 [1.4.1 문서] (http://api.jquerymobile.com/enhanceWithin/)에서 데모에서 제대로 작동하는 것 같습니다. 그들은 jQuery 1.9.1을 사용하고 있지만, 중요한 점은 의심 스럽습니다. 버튼을 만드는 방법과시기에 대한 코드를 공유 할 수 있습니까? –

답변

4

와 jQuery를 모바일에서 도구 모음을 삽입하는 방법을 작동하도록하는 방법을 알아낼 수없는 것 1.4 다른, .toolbar() 함수는 헤더를 호출해야/footer가 동적으로 삽입되었습니다.

$("[data-role=header], [data-role=footer]").toolbar(); 

그런 다음 페이지의 높이를 재설정해야 툴바가 페이지를 패딩하여 페이지를 스크롤 할 수 있습니다.

$.mobile.resetActivePageHeight(); 

.trigger("pagecreate").trigger("create")는 사용되지 않으며 .enhanceWithin()로 대체됩니다. 새 함수는 동적으로 요소를 추가하는 부모 div에 호출해야합니다.

관련 문제