Heim > Artikel > Backend-Entwicklung > Accordion加载了内容以后 无法加载jquery的accordion效果
<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; }); });' </script></code>
<code> 内容显示正常(accordion的效果在第一次加载的时候也正常),但是accordion的效果会在load新的内容之后失去(php出来的内容正常,就是失去了jqueryui的accordion的效果)。我尝试用destroy和重新加载一个新的accordion但是依然没办法。</code>
<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; }); });' </script></code>
<code> 内容显示正常(accordion的效果在第一次加载的时候也正常),但是accordion的效果会在load新的内容之后失去(php出来的内容正常,就是失去了jqueryui的accordion的效果)。我尝试用destroy和重新加载一个新的accordion但是依然没办法。</code>
<code>$(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; }); });</code>
在Stackover Flow找到问题答案了。