2011-01-26 4 views
15

Ajax를 통해 추가 컨텐츠를로드 한 후 자동 생성 된 jQuery Mobile 스타일 (jQuery Mobile 클래스가 페이지로드에 적용됨)을 적용하고 싶습니다.Ajax 요청 후 jQuery Mobile 스타일을 재생성하는 방법은 무엇입니까?

구문 분석되어 <ul>으로 구성되는 Ajax를 통해 일부 컨텐츠를로드하지만 스타일 jQuery는 일반적으로 페이지 로딩에 적용되며 Ajax로드 된 컨텐츠에는 다시 적용되지 않습니다. 당신의 UL 가정

+1

참고 : 목록보기에서 Cyril이 설명한 새로 고침 '방법'이 정상적으로 작동하고 있습니다. '새로 고침'을 지원하지 않는 요소를 사용하는 경우 1.0b3의 새 트리거 함수를 사용할 수 있습니다.'$ ('my_element_id'). trigger ('create'); ' – Smamatti

답변

14

은 JQuery와 모바일 "목록보기"를 사용하여 전체 목록을 다시 시도입니다 :

$('#yourlist').listview('refresh'); 

jQuery를 모바일 doucmentation http://jquerymobile.com/demos/1.0a2/#docs/forms/plugin-eventsmethods.html

+0

그게 좋겠지 만 목록에 적용된 사용자 정의 스타일링은 '새로 고침'명령을 실행 한 후에 사라지는 것처럼 보입니다. '목록 스타일'에 적용된 사용자 지정 스타일을 잃지 않고 동일한 효과를 얻으려면 더 나은 방법이 있습니다. – Viren

+1

내 생각에는이 기능이 이제는 사용되지 않습니다. –

+0

@ Brice Favre 현재 현재이 문제를 시도하고 있지만 작동하지 않습니다. 이 메서드는 내 코드 힌트에 표시되지 않으며 실제로 런타임 오류가 발생합니다. 그것이 있었던 것처럼 보이는 것이 가장 확실합니다. 더 이상 작동하지 않으므로 목록을 새로 고칠 수있는 해결 방법을 알고 있습니까? – Tiwaz89

2

나는이 새로 고침 방법 등으로 문제를 가지고 있었다

$('#yourlist').listview(); 

,933에서 설명과 함께 찾았 음, 즉, 조금 더 '새로 고침'을 제거하여 검색 한 후 작업 있어요. 1.1.1에서 잘 작동합니다.

관련 문제