jQuery Mobile 목록으로 페이지 새로 고침하는 방법

Java Struts2 및 jQuery Mobile을 사용하여 간단한 웹 사이트를 개발하고 있습니다. 여기에는 중첩 목록이있는 페이지에 대한 링크가있는 옵션 페이지가 있습니다.jQuery Mobile 목록으로 페이지 새로 고침하는 방법

탐색은 목록 옵션 (옵션 페이지)을 클릭하고 목록이있는 해당 페이지로 이동하는 것처럼 간단합니다.

동적으로 JSP에서 원하는 방식으로 중첩 목록을 그릴 수 있지만 목록 내용이 데이터베이스에서 변경된 경우에도 정적으로 유지됩니다.

이

적어도 I가 중첩 된 목록 화면에서 돌아 오는 그 목록의 옵션에서 페이지 또는
를 입력 할 때 :

여기서 문제는 그 때 목록의 내용을 갱신 할 수 있도록하려는 것입니다 주 목록 화면 또는
내용을 새로 고치려면 목록 화면에서 명시 적으로 버튼을 사용하여 - 또는 결국 타이머는

어떻게이 동작을 달성 할 수 있습니까? 나는 적용하는 방법/어디 있는지 또는 jQuery를 모바일 문서에서이 코드 조각을 호출하지 않습니다.

$ ('UL') 목록보기 ('새로 고침') 내가 어떤 감사

도움의 종류. 감사.

출처

2011-08-23 Hurley Smith

사용중인 JQM 버전은 무엇입니까? 이렇게하는 방법은 JQM의 개발에 비해 상당히 바뀌 었습니다. – Jasper

안녕하세요, 1.0b1을 사용하고 있습니다. –

이것이 유용한 지 모르겠지만 1.0b3과 함께 JQM 요소 및 클래스로 HTML 변환을 처리하도록 트리거 할 수있는 새 이벤트가 있습니다. 이것은 혼합 된 코드와 함께 작동합니다 (새로운 genereated 요소와 오래된 JQM 요소) : $ ('# my_list_id'). trigger ("create"); ' – Smamatti

선택자는 생성하려는 목록에 적용되는 선택기 여야합니다 ('ul'은 일반 사항입니다). 따라서 목록이 id = 'bliss' 인 경우 선택자와 함수는 $('#bliss').listview('refresh')이고 컨텍스트에 따라 활성화합니다. 의 pageshow에 즉, pageshow에 내가 이런 식으로 뭔가있을 거라고 생각 등을 예를 들어

, 클릭

당신이 있는지 확인하려면

$('#optionScreen').live('pageshow',function(event, ui){ 
    $('#optionList').listview('refresh') 
});

그 방법 화재 페이지가 실제로 전에 바인딩이 발생하므로 (위의 스 니펫은 pageshow 이벤트에 새로 고침을 추가하는 것입니다. 그것도 수도,

<div data-role="page" data-url="optionScreen" id="optionScreen"> 
    <ul id="optionList" data-role="listview"> 
     <li>generated stuff</li> 
    </ul> 
</div>

편집 2 - 당신이 작업하고 무엇을이 플러그인을보고 할 수 있습니다 다음 #optionScreen 페이지)의

는 여기에 목록을 보유 할 페이지 div입니다 당신이하고있는 일에 대한 해결책이 되십시오 : https://github.com/hiroprotagonist/jquery.mobile.actionsheet (옵션 설정 등을위한 모달 대화 상자)

출처

2011-08-23 13:54:09

해답을 가져 주셔서 감사합니다. 그래서 "#optionScreen"은 JQM에 의해 생성 된 탐색 해시입니까? –

나는 html 코드를 보여주기 위해 제 대답을 다듬 었습니다. 그렇습니다. #optionScreen은 jqm이 URL에 추가하는 nav 해시가 될 것입니다. –

Thaks. 나는'pagebeforeshow'에 바인드 할 수 있었지만,'$ ('list'). listview ('refresh');나는 이것을 내부적으로 요청하고 업데이트 된 목록을 제공한다고 가정하고 있습니까? –

jQuery Mobile 목록으로 페이지 새로 고침하는 방법

답변

관련 문제