我使用THIS STACKOVERFLOW POST中發佈的代碼來構建webbapp的原型,但我無法使第二頁以我想要的格式顯示數據。代碼顯示了網格格式中所有數據的第二頁,但我想知道如何使用不同格式(粗體,斜體,顏色)製作特定數據。檢索使用JSON存儲的特定數據
例如,我使用的一個字符串是一個「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>';
});
添加特定值並應用不同的格式(家族,subfamilia)並插入與「照片」的值的圖像。
則代碼繼續:
$("#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);
});
我知道爲(在信息VAR鍵)是不是我要找的,但我不知道我要使用什麼樣的代碼因爲我太新,不能理解如何去做。我怎樣才能做到這一點? info_view的代碼是HTML,對,但是如果我用+ key +和+ familia +代替,例如,這不會像以前一樣工作。
我的問題是我該如何檢索第一頁中列出的選定項目的特定數據(例如值爲foto值)?我希望能夠選擇最喜歡的物品。例如,我要讓用戶的ID價值無形,使ID值不可見,在名稱值以粗體,等等
希望我很清楚,對不起我的英語有限和編碼知識