2012-09-07 4 views
1

목록에서 다른 목록으로 전달되는 ul 목록의 내용을 업데이트하려고합니다.
첫 번째 목록은 ajax 요청을 호출하는 검색 양식에서 생성됩니다. 스타일이 올바르게되었습니다. 나는이 목록에() 빈 사용하고 매개 변수가이 기능이 작동 링크 속성jquery mobile listview 새로 고침 같은 목록에서 스타일이 사라짐

$('.myLink').live("vclick", function() { 
    var param= $(this).attr('id'); 
    ... 

로 1 목록에서 (아약스를 통해) 검색 할 수 두 번째 목록
. 그러나 두 번째 목록에는 jquery 모바일 스타일이 없습니다. 나는 목록을

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

을 상쾌 해요의 pageshow에

만의 pageshow 트리거 만 나는 1 목록 (1과 동일한 UL에)없는 두 번째를 생성 할 때.

pageinit, pagecreate, pagechange 및 pageshow를 시도했지만 목록을 업데이트 할 때 아무 것도 트리거하지 않습니다.

답변

0

이 : 지금은 2 개 개의 싱글 페이지 1 개 다중이 여기

$("#listID").append($("<li />").text("Some Text")).listview("refresh"); 

는 데모입니다. 한 페이지에 목록을 작성하면 문제가 해결됩니다.

0

$('#listID').listview('refresh'); 
$(".ui-page").trigger("create"); 
+0

답변 해 주셔서 감사합니다. 문제는 두 번째 목록에서 해당 함수를 호출 할 수 없다는 것이므로 내 질문에서 언급 한 이벤트가 트리거되지 않습니다. 그리고 vclick에서 "create"를 사용해도 아무런 변화가 없습니다. 여전히 jquery 모바일 스타일을 사용하지 않습니다. – Ciack404

+0

도움이 되었습니까? – Sark

+0

죄송합니다. 이전 의견에서 실수로 엔터를 누르십시오. 편집 완료 – Ciack404

2

는 당신이 HTML의 업데이트 한 직후 목록을 새로 고침 해보십시오. 같은 뭔가 : 전체 프로젝트를 변경 고정 http://jsfiddle.net/R98La/

+0

답장을 보내 주셔서 감사합니다. 내가 얻는다 Uncaught Error : 초기화 전에 listview에서 메소드를 호출 할 수 없다. 'refresh'메서드를 호출하려고 시도했습니다. 이미 슬픈 표정으로 시도했습니다. ( li 요소를 추가하고 새로 고침하기 전에 listview(); $ ("# listID")를 $ – Ciack404

+0

@ Ciack404 어디에서 코드를 실행하고 있는지 확실하지 않지만 위젯이 아직 초기화되지 않았다는 것을 의미합니다. 도움이 될만한 답변을 찾을 수 있습니다 : http://stackoverflow.com/questions/9493215/jquery-mobile -listview-check-initialization-is-complete/9493671 # 9493671 – Jasper

+0

전체 프로젝트를 변경하지 못했습니다. 이제는 단일 페이지 2 개와 다중 페이지 1 개가 있습니다. 단일 페이지에 목록을 작성하면 문제가 해결됩니다. Thanks again – Ciack404

관련 문제