Javascript 用新内容替换后无法加载JqueryUI(手风琴)效果?
我有一个使用JqueryUI手风琴效果的列表。我可以交换列表中的内容。然而,一旦我交换了内容,我就失去了所有Jquery的风格效果。我在论坛上做了一些研究,人们说我应该在交换内容后销毁并重新初始化手风琴。我尝试了所有的方法,但都不起作用Javascript 用新内容替换后无法加载JqueryUI(手风琴)效果?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个使用JqueryUI手风琴效果的列表。我可以交换列表中的内容。然而,一旦我交换了内容,我就失去了所有Jquery的风格效果。我在论坛上做了一些研究,人们说我应该在交换内容后销毁并重新初始化手风琴。我尝试了所有的方法,但都不起作用 $(document).ready(function(){ $('#accordion').accordion({collapsible: true,active:false,heightStyle: 'content',event: 'click h
$(document).ready(function(){
$('#accordion').accordion({collapsible: true,active:false,heightStyle: 'content',event: 'click hoverintent'});
$('body').on('click','#category a',function(){
var page =$(this).attr('href');
var php =$('#accordion').load('../php/'+page+'.php');
return false;
});
});
当您调用
accordion
插件时,它将通过添加类和其他属性来设置其中内容的样式。但一旦重新加载其中的内容,这些样式就会丢失
在load回调中,您需要重新初始化accordion插件
$(document).ready(function() {
$('#accordion').accordion({
collapsible: true,
active: false,
heightStyle: 'content',
event: 'click hoverintent'
});
$('body').on('click', '#category a', function() {
var page = $(this).attr('href');
var php = $('#accordion').load('../php/' + page + '.php', function() {
$('#accordion').accordion('destroy').accordion({
collapsible: true,
active: false,
heightStyle: 'content',
event: 'click hoverintent'
});
});
return false;
});
});