Question

我是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>

Answer 1

jQuery的live()方法已被弃用，应该避免使用它。请改用on()方法，并将事件处理程序委托给正文或文档，即：

$(document).on("pageshow", "#restaurant_detail", function() {
    $('#f_order').attr('href','order_history.html');
});

href链接不会在Jquery Mobile中的$ .mobile.changePage上的锚标记中附加运行时

1 个答案: