我有点生气,因为我没有找到提示:我有一个可折叠的集合,它是从数据库动态创建的,它显示了一些日期。然后我想将内容填充到可折叠的内容中,这也应该是可折叠的(这会显示特定日期的一些细节) 此内容来自另一个正在工作的 ajaxcall (getDaydata(gotDate))。但是,如果我单击以展开子集(dateget-content-collapsible 类),则 ajax 调用会被触发两次,并且附加会终止布局。那么我怎样才能防止第二个事件被触发呢?谢谢您的帮助。克劳斯
$('#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