我使用$.each来提取我的数据,如下所示:
$.each(allData, function(i, data) {
$('#data1').append(
'<li class="thumb big">' +
'<img src="http://'+data.img+'" />' +
'<div>' +
'<span class="text tiny opacity">'+ dateFormat(data.fetch_date, "dd-mm-yyyy") +'</span>' +
'<strong>'+ data.judul +'</strong>' +
'<small>'+ data.desk +'</small>' +
'</div>' +
'<li id="readmore" style="display: none;">' +
'<span class="text tiny">'+ data.desk +'</span>' +
'</li>' +
'</li>'
);
});
var total = $('#data1 li').size();
var classes = ['accept', 'cancel', 'warning', 'biru', 'ungu', 'kuning'];
$('li').addClass(function(i, c) {
return classes[i % classes.length];
});
首先,我在这里隐藏了我的数据:
'<li id="readmore" style="display: none;">' +
'<span class="text tiny">'+ data.desk +'</span>' +
'</li>' +
然后我用它来展示我的细节:
Lungo.dom('#now li').tap(function(event) {
Lungo.dom('#now li').removeClass('light');
Lungo.dom(this).toggleClass('light');
$('#readmore').toggle();
});
但我有一个问题......详细数据总是显示第一个。
不是应该是父级的详细信息。
我想每次点击列表都喜欢这个:
总是出现在父数据下。我如何解决它?