0

私は jquery mobile の初心者で、phonegap を使用して iphone でアプリケーションを開発しています。次を使用して、あるページを別のページにリダイレクトしています。

$.mobile.changePage('restaurant_detail.html?iInfoId='+ this.id + ext_link+'&type='+type, {transition: "slide"});

「restaurant_detail.html」ページでは、ページ表示イベントにフッター タブ リンクを追加しますが、タブ リンクにリンク href 属性を追加しません。

$('#restaurant_detail').live('pageshow',function(event){ $('#f_order').attr('href','order_history.html');});

<a href="#" class="footer_button" rel="external" data-role="none" id="f_order">
    <img src="img/footer_icon_order.png" alt=""/>
    <span>Order History</span>
</a>

答えてください、事前に感謝します。

restaurant.js ページのコード:

$('.restaurant_item').live("click",function(){
    $.mobile.changePage('restaurant_detail.html?iInfoId='+ this.id + ext_link+'&type='+type, {transition: "slide"});    
});

ここにリダイレクトするには restaurant_detail.js

$('#restaurant_detail').on('pageshow',function(event){
if(event.handled !== true){
   if(sesObj.get('sess_iUserId') == null){
        $('#f_order').attr('href','register.html?type=order');      
   }else{
        $('#f_order').attr('href','order_history.html');
   }
    event.handled = true;       
}
return false;   
});

restaurant_detail.html

<div data-role="footer" class="footer" data-position="fixed">
  <div class="footer-container">        
    <a href="#" class="footer_button" rel="external" data-role="none" id="f_order">
        <img src="img/footer_icon_order.png" alt=""/>
        <span>Order History</span>
    </a>        
  </div>
</div>
4

1 に答える 1

0

jQuery のlive()メソッドは廃止されたため、使用を避ける必要があります。代わりにメソッドを使用しon()、イベント ハンドラーを本文またはドキュメントにデリゲートします。つまり、次のようになります。

$(document).on("pageshow", "#restaurant_detail", function() {
    $('#f_order').attr('href','order_history.html');
});
于 2012-09-28T07:48:50.890 に答える