$.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();
});
しかし、私には問題があります...詳細データは常に最初に表示されます。
親の詳細ではありません。
リストをクリックするたびにこれが好きです：
常に親データの下に表示されます。どうすれば修正できますか？