After Accordion loads content, it cannot load jquery's accordion effect.

{Code ...}

   ' 《script》    $(document).ready(function(){    $('#accordion').accordion({collapsible: true,active:false,heightStyle: 'content',event: 'click hoverintent'});    $('#category a').click(function(){    var page =$(this).attr('href');    $('#accordion').load('../php/'+page+'.php').accordion('refresh');                      return false;    });    });'

The content is displayed normally (the accordion effect is also normal during the first loading), but the accordion effect will be lost after loading the new content (the php content is normal, is to lose the effect of accordion on jqueryui ). I tried to use destroy and reload a new accordion, but I still couldn't help it.

Reply content:

   ' 《script》    $(document).ready(function(){    $('#accordion').accordion({collapsible: true,active:false,heightStyle: 'content',event: 'click hoverintent'});    $('#category a').click(function(){    var page =$(this).attr('href');    $('#accordion').load('../php/'+page+'.php').accordion('refresh');                      return false;    });    });'

The content is displayed normally (the accordion effect is also normal during the first loading), but the accordion effect will be lost after loading the new content (the php content is normal, is to lose the effect of accordion on jqueryui ). I tried to use destroy and reload a new accordion, but I still couldn't help it.

$(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;  });});

Find the answer in Stackover Flow.