>  기사  >  백엔드 개발  >  Accordion加载了内容以后 无法加载jquery的accordion效果

Accordion加载了内容以后 无法加载jquery的accordion效果

WBOY
WBOY원래의
2016-06-06 20:14:511164검색

<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找到问题答案了。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.