首页 新闻 赞助 找找看

jquery mobile执行顺序问题

0
悬赏园豆:20 [已解决问题] 解决于 2016-01-06 17:38

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
……
</head>
<body>
<div data-role="page" id="allShops">
<div data-role="header" data-theme="b">
<h1>请选择门店</h1>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<div>
<table style="width:100%; border:1px;" id="shopItems"></table>
</div>
</div>
</div>
<script type="text/javascript">
//打开分店列表页时动态从数据库中获取全部分店信息
$(document).ready(function () {

$("#allShops").on("pageinit", function () {
$.ajax({
type: "post",
url: "../Models/allShops.ashx",
cache: false,
async: false,
dataType: "text",
success: onSuccess,
error: function (xhr) {
alert(xhr.responseText);
}
});

});
function onSuccess(data, status) {
var trNode;
var tdNode;
var divNode;
data = $.parseJSON(data);
$.each(data, function (index, item) {

问题一

//alert('跟踪');-------如果这地方手动确认,则下面的会动态添加,如果注释则没有动态添加

//我怀疑是执行了,只是页面加载顺序问题


if (index % 3 == 0) {
trNode = $("<tr></tr>");
$("#shopItems").append(trNode);
}
tdNode = $("<td></td>");
divNode = $("<div></div>");
divNode.append("<a href='javascript:void(0)' data-role='none' data-rel='back' onclick='setShopID(\"" + item.ShopsID + "\")' style='text-decoration:none;color:#0094ff' id='" + item.ShopsID + "'>" + item.ShopsName + "</a>");
tdNode.append(divNode);
trNode.append(tdNode);


})
}
function setShopID(shopID) {
sessionStorage.shopID = "";
//$("a").click(function () {
//sessionStorage.shopID = $(this).attr("id");
//alert("已经保存门店ID:" + sessionStorage.shopID);
//});
sessionStorage.shopID = shopID;
alert("已经保存门店ID:" + sessionStorage.shopID);
}
});
</script>

</div>
</body>
</html>

小小财经的主页 小小财经 | 初学一级 | 园豆:1
提问于:2015-09-16 17:33
< >
分享
最佳答案
0

$("#allShops").on("pageinit",

问题已经找到处理方法,但目前不知道什么原因,绑定pageshow时可以正常显示,但pageinit时就不可以。但我打开页面时能看到闪烁一下,页面中有动态生成内容,只是没有显示。望园友们能给明白解释,谢谢

小小财经 | 初学一级 |园豆:1 | 2015-09-16 18:00
其他回答(1)
0

也有可能 你那个循环需要一点时间执行

append 后 trigger('create') 一下试试

 

另外 你这个是只页面初始化的时候调用一次ajax(pageinit )还是每次page显示都需要调用(pageshow )要分清。

收获园豆:20
clarlespeng | 园豆:469 (菜鸟二级) | 2015-09-17 09:34
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册