我已经使用THIS STACKOVERFLOW POST中发布的代码来构建webbapp的原型,但是我无法让第二页显示我想要的格式的数据。
代码向我显示第二页,其中包含网格格式的所有数据,但我想知道如何使用不同的格式(粗体,斜体,颜色)制作特定数据。
例如,我使用的一个字符串是用于加载用户图像的“image.jpg”文本。
我已将代码的第一部分修改为:
$.each(info, function (i, valor) {
li += '<li><a href="#" id="' + i + '" class="info-go" data-transition="slide"><img src="img/'+ valor.foto +'"><h2><i>' + valor.cientifico + '</i></h2><p><b>Familia:</b> <i>'+ valor.familia +'</i> | <b>Subfamilia:</b> <i>'+ valor.subfamilia +'</i></p></a></li>';
});
添加特定值并应用不同格式(familia,subfamilia)并插入带有“foto”值的图片。
然后代码继续:
$("#lista").append(li).promise().done(function () {
$(this).on("click", ".info-go", function (e) {
e.preventDefault();
$("#resultado").data("info", info[this.id]);
$.mobile.changePage("#resultado");
});
$(this).listview("refresh");
});
});
$(document).on("pagebeforeshow", "#resultado", function () {
var info = $(this).data("info");
var info_view = "";
for (var key in info) {
info_view += '<div class="ui-grid-a"><div class="ui-block-a"><div class="ui-bar field" style="font-weight : bold; text-align: left;">' + key + '</div></div><div class="ui-block-b"><div class="ui-bar value" style="width : 75%">' + info[key] + '</div></div></div>';
}
$(this).find("[data-role=content]").html(info_view);
});
我知道 for(信息中的var键)不是我想要的,但我不知道我必须使用什么代码,因为我太新了,不能理解怎么做。我怎么能做到这一点? info_view 旁边的代码是HTML,对,但如果我将 + key + 替换为 + familia + ,例如,这不会像以前一样工作。
我的问题是如何检索第一页中列出的所选项目的特定数据(例如 foto 值)?我希望能够选择使用的物品。例如,我想让 id 值对用户不可见,使 id 值不可见, name 值以粗体显示,依此类推
希望我足够清楚,抱歉我有限的英语和编码知识
答案 0 :(得分:0)
Finnaly我已经解决了我自己的问题。 作为参考,我所做的是删除了
for (var key in info) {
在 info_view + = 部分内部,我为每个我想操作的项目使用了信息[&#39;值&#39;] 。< / p>
希望这有助于其他人。