ヒントが見つからないので、少し怒っています。データベースから動的に作成された折りたたみ可能なセットがあり、いくつかの日付が表示されます。次に、コンテンツを折りたたみ可能にする必要があります (これは、特定の日のいくつかの詳細を提示します)。しかし、クリックしてサブセット (dateget-content-collapsible クラス) を展開すると、ajax 呼び出しが 2 回発生し、追加によってレイアウトが強制終了されます。では、この2番目のイベントが発生するのを防ぐにはどうすればよいですか? 助けてくれてありがとう。クラウス
$('#home').live('pagebeforecreate',function(event, ui){
countview = 7;
getPersons(countview);
});
getPersons(countview);
});
$('.dateget-headline').live('expand', function(){
var str=this.id;
var gotDate=str.substring (8,18);
getDaydata(gotDate);
});
function getPersons(countstand)
{
$.ajax({
url: 'fllist1.php',
type: 'GET',
data: {countitems: countstand},
dataType: "json",
success: function (data) {
$.each(data, function(i,Person)
{
$('<div/>', {
'id': 'dateget-'+Person.dataget+'-collapsible',
'data-role':'collapsible',
'class':'dateget-headline',
'data-collapsed':'true',
}).appendTo('#main-content-list');
$('#dateget-'+Person.dataget+'-collapsible').html('<h5>'+ Person.dataget +'</h5>');
$('.datelist').collapsible();
//create a new collapsible set inside the collabsible
$('<div/>', {
'id': 'dateget-'+Person.dataget+'-collapsible-set',
'data-role':'collapsible-set',
'class':'dateget-content-collapsible-set',
'data-theme':'c',
'data-content-theme':'d',
}).appendTo('#dateget-'+Person.dataget+'-collapsible');
$('.dateget-headline').collapsible();
});
}
});
};
function getDaydata(gotDate){
var gotDate=getDaydata.arguments[0];
$.ajax({
url: 'getDatedetails.php',
type: 'GET',
data: 'detailday=' + gotDate,
dataType: "json",
success: function (data) {
$.each(data, function(i,Fldet){
$('<div/>', {
'id': 'dateget-'+Fldet.id+'-collapsible',
'data-role':'collapsible',
'class':'dateget-content-collapsible',
'data-collapsed':'true',
}).appendTo('#dateget-'+gotDate+'-collapsible-set');
$('#dateget-'+Fldet.id+'- collapsible').html('<h1>'+Fldet.reg+'</h1>'+Fldet.call+Fldet.arrtt+Fldet.dept );
});
$('.dateget-content-collapsible').collapsible();
},
}
});
};
ここでスクリプトの動作を確認できます: http://nixnutz.info/lowimobil2.php