2013-02-23 4 views
2

jQuery 모바일 1.3.0을 사용 중이며 listview의 동적 요소 스타일을 지정하려고합니다. 페이지 마크 업에 정의 된 목록이 있으며 객체에서 요소를 추가 할 수 있습니다. 목록 내용의 스타일을해야 내가 문서를 호출하는 트리거 ("새로 고침")에서 이해할 수있는 일부터JQuery 모바일 스타일링 동적 목록보기

for(log in data.logs) { 
     $('<li><h2>'+data.logs[log].date+'</h2><p>'+data.logs[log].event+'</p><p>'+data.logs[log].type+'</p></li>').appendTo('#list_logs').trigger("refresh"); 
} 

:

<div data-role="content"> 
     <ul data-role="listview" id="list_logs"> 

     </ul> 
</div> 

이는 물체에서 항목을 읽고 목록을 구축 할 수있는 코드 그러나 그것 또는 방아쇠 ("창조하십시오")는 다량을 전혀하고 있지 않다. 아무도 이것에 대한 더 이상의 통찰력을 가지고 있습니까? 미리 감사드립니다.

편집 : 스타일 시트가 문서 머리 부분에 있고 요소를 정적으로 추가하면 스타일이 올바르게 적용된다는 것을 추가해야합니다.

답변

6

모든 컴포넌트 태그 향상을 위해 지정된 함수리스트 뷰를 사용했다 :

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

경우 이것은이다 완전히 동적리스트 뷰,이 라인 표기 아니라 리 요소 생성 :

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

전체 목록 및 예제는 다른 내에서 찾을 수 있습니다 ARTICLE 투명하게 내 블로그입니다. 또는 HERE을 찾을 수 있습니다.

+1

감사합니다. 모든 답변 : – ubiQ

+0

하지만 왜 작동하지 않습니까 ('만들기')? ... [this] (http://jquerymobile.com/demos/1.2.0/docs/pages/page-scripting.html)에 따르면 (** 아래로 스크롤하여 만들기 대 새로 고침 : 중요한 차이점 **) 동적 인 ul이 트리거 ('생성')에 반응해야합니다. – dsdsdsdsd

관련 문제