这是我的JavaScript手风琴代码,我使用多标签手风琴。当我单击第一个标签手风琴时,第一个标签有效,但对第二个或第三个标签不起作用,它没有展开。我使用AJAX动态地输入手风琴的内容。主要是当我使用setTimeInterval从管理面板插入或更新任何数据时,我不会动态显示数据。
<script type="text/javascript">
var multisidetabs=(function(){
var opt,parentid,
vars={
listsub:'.list-sub',
showclass:'mg-show'
},
test=function(){
console.log(parentid);
},
events = function(){
$(parentid).find('a').on('click',function(ev){
ev.preventDefault();
var atag = $(this), childsub = atag.next(vars.listsub);
//console.log(atag.text());
if(childsub && opt.multipletab == true){
if(childsub.hasClass(vars.showclass)){
childsub.removeClass(vars.showclass).slideUp(500);
}else{
childsub.addClass(vars.showclass).slideDown(500);
}
}
if(childsub && opt.multipletab == false){
childsub.siblings(vars.listsub).removeClass(vars.showclass).slideUp(500);
if(childsub.hasClass(vars.showclass)){
childsub.removeClass(vars.showclass).slideUp(500);
}else{
childsub.addClass(vars.showclass).slideDown(500);
}
}
});
},
init=function(options){//initials
if(options){
opt = options;
parentid = '#'+options.id;
//test();
events();
}else{ alert('no options'); }
}
return {init:init};
})();
multisidetabs.init({
"id":"mg-multisidetabs",
"multipletab":false
});
// set time
function loadDoc() {
$.ajax({
url: "indexLoad.php",
success: function (data) {
v=data;
$("#demo").html(data);
}
});
return v;
}
setInterval(function () {
loadDoc();
}, 100);
”