2014-11-24 4 views
0

Phonegap/Jquery 모바일을 사용하여 Android 애플리케이션을 개발 중입니다. 내가 배수 페이지가 포함 된 HTML 파일이 있습니다뒤로 버튼은 항상 내부 div에 있습니다.

<div data-role="page" id="products" > 
    <div data-role="header" >   
     <h1>Produits</h1> 
     <a href="#" data-role="button" data-rel="back" data-icon="back" data-iconpos="notext"  data-direction="reverse"></a>      
    </div> 
    <div data-role="content"> 
     <br> 
     <ul id="cat-list" data-role="listview" class="mainmenu"> 
      <li><a href="#" id=198 >Electronique</a></li> 
      <li><a href="#" id=155 >Services</a></li> 
      <li><a href="#" id=163 >Bonnes Affaires</a></li> 
     </ul> 
    </div> 
</div> 
<div data-role="page" id="productsByCat"> <div> 

내 스크립트 파일이 난 제품 사업부에서 뒤로 버튼을 클릭하면 내 문제가

$(document).on("pagebeforeshow", "#products", function(){ 

    $(this).find('a').unbind('click').click(function(e) { 

     e.preventDefault(); 
     passDataObject.selectedId = this.id; 
     $.mobile.changePage('#productsByCat', { transition: 'slide'}); 
    }); 
}); 

을 포함을, 그것은 productsByCat의 DIV (이전의 표시 페이지는 외부 페이지 홈입니다. 어떤 도움을 주시겠습니까?

$(document).on("pagecreate", "#products", function(){ 
     $("#cat-list a").on("click", function(e){ 
      e.preventDefault(); 
      passDataObject.selectedId = this.id; 
      $.mobile.changePage('#productsParCat', { transition: 'slide'}); 
     }); 
}); 
+0

는 예를 들어, 청취자를 추가하는'pagebeforeshow' 또는 유사한 이벤트를 사용 : – Omar

+0

감사합니다. Omar,하지만 #produitsByCat로 리디렉션 될 때마다 여전히 동일한 문제가 있습니다. 나는 $ .mobile.changePage ('# produitsByCat', {transition : 'slide'}) 앞에 경고를했다. 버튼을 클릭하면 #produitsByCat이 표시됩니다. –

답변

0

내가 클릭 이벤트에 목록보기 ID를 선택하는 대신 $ (이) .find의 ('A')에 의해 그 해결 `클릭 '은 나쁜 습관이다. `products` 페이지가 나타날 때마다`click` 리스너를 복제합니다. 리스너를 첨부하려면`pagecreate`를 사용하십시오.
관련 문제