Javascript jQuery移动嵌套listview怪异行为+;后退按钮退出
我对jQuery Mobile还很陌生 当我在android手机上部署我的应用程序时,我在代码中遇到了一些奇怪的行为 对于第一个问题,当我按下物理后退按钮时,我的web应用程序退出了。 当我按下物理后退按钮时,如何防止我的应用程序退出? 当我按下back按钮时,我希望我的应用程序返回到上一页 第二个问题,, 我正在读入一些xml数据,并将它们解析为listview。 当我按下pizza按钮时,会调用onload函数。 但是,只有第一个结果在listview中列出。 有人能帮我解决问题吗? 我的html代码的粘贴库:Javascript jQuery移动嵌套listview怪异行为+;后退按钮退出,javascript,android,jquery,listview,jquery-mobile,Javascript,Android,Jquery,Listview,Jquery Mobile,我对jQuery Mobile还很陌生 当我在android手机上部署我的应用程序时,我在代码中遇到了一些奇怪的行为 对于第一个问题,当我按下物理后退按钮时,我的web应用程序退出了。 当我按下物理后退按钮时,如何防止我的应用程序退出? 当我按下back按钮时,我希望我的应用程序返回到上一页 第二个问题,, 我正在读入一些xml数据,并将它们解析为listview。 当我按下pizza按钮时,会调用onload函数。 但是,只有第一个结果在listview中列出。 有人能帮我解决问题吗? 我的h
IS3261项目
.ui标题.ui标题{
保证金权利:10%;
左边距:10%;
}
.bgimg{
背景图片:url(file:///android_asset/www/images/SPizza.png);
背景重复:无重复;
}
$(文档)。在('pagebeforehide','[data role=“page”]',函数(e,数据){
var loader=setInterval(函数(){
$.mobile.load('show');
清除间隔(装载机);
},1);
});
$(文档)。在('pageshow','[data role=“page”]',函数(e,数据){
var loader=setInterval(函数(){
$.mobile.load('hide');
清除间隔(装载机);
},1);
});
函数additems()
{
$(“#韩国数据”).append(“Hello-Type:Hello ”);
$(“#韩国数据”).listview(“刷新”);
}
函数loaddata()
{
$.ajax({
键入:“获取”,
url:“http://www.comp.nus.edu.sg/~wct90/Pizza2.xml“,
数据类型:“xml”,
成功:parseXml
});
}
函数解析xml(xml)
{
var pizzaObject={
比萨饼名称:'',
比萨饼:,
比萨饼,
比萨饼订单:'',
比萨饼送货费:'',
比萨饼菜单:“”,
比萨饼:''
}
警报(“它正在工作!”)
$(xml).find(“PizzaOwner”).each(函数()
{
pizzaObject.pizzaTitle=$(this.find('Title').text();
pizzaObject.pizzaContact=$(this.find('Contact').text();
pizzaObject.pizzaOperating=$(this.find('OperatingHours').text();
pizzaObject.pizzaMinOrder=$(this.find('MinOrder').text();
pizzaObject.pizzaDeliveryCharge=$(this.find('DeliveryCharge').text();
pizzaObject.pizzaMenu=$(this.find('Menu').text();
pizzaObject.pizzaPic=$(this.find('Pic').text();
警报(pizzaObject.pizzaPic);
$(“#比萨饼数据”)。追加(“”);
$(“#比萨饼数据”).listview(“刷新”);
$(“#pizzas div[data role='header']h1”).html(pizzaObject.pizzatile);
$(“#比萨饼数据”).empty();
$(“#比萨饼数据”).append(“名称:”+pizzaObject.pizzaTitle+” );
$(“#比萨饼数据”)。追加(“联系人:”+pizzaObject.pizzaContact+” );
$(“#比萨饼数据”)。追加(“营业时间:”+pizzaObject.pizzaOperating+” );
$(“#比萨饼数据”).append(“最小顺序:”+pizzaObject.pizzamiorder+” );
$(“#比萨饼数据”).append(“送货费:”+pizzaObject.pizzaDeliveryCharge+” );
$(“#比萨饼数据”).append(“
比萨饼送货员名单
韩国人
这是处理后退按钮问题的方法
function onDeviceReady()
{
// Register the event listener
document.addEventListener("backbutton", onBackKeyDown, false);
}
//Handle back button press
function onBackKeyDown()
{
navigator.app.backHistory();
}
这将使用户转到历史记录中可用的上一页。
到目前为止还不知道您的第二个问题。您好,我在代码中添加这一部分到哪里?我尝试在代码中添加它,但它不起作用。这应该在javascript文件中。所以它应该起作用。您得到了什么错误?@LawrenceWongHi。这是我粘贴到代码中后代码的样子。当我按下物理后退按钮时,我的应用程序退出n、 尝试此
文档。addEventListener(“deviceready”,onDeviceReady,false);
而不是
@LawrenceWongI将此文档放在正文开头。addEventListener(“deviceready,onDeviceReady,false”);对吗?
function onDeviceReady()
{
// Register the event listener
document.addEventListener("backbutton", onBackKeyDown, false);
}
//Handle back button press
function onBackKeyDown()
{
navigator.app.backHistory();
}