Home  >  Q&A  >  body text

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

   ' <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;
    });
    });'
   内容显示正常(accordion的效果在第一次加载的时候也正常),但是accordion的效果会在load新的内容之后失去(php出来的内容正常,就是失去了jqueryui的accordion的效果)。我尝试用destroy和重新加载一个新的accordion但是依然没办法。
怪我咯怪我咯2631 days ago564

reply all(1)I'll reply

  • PHP中文网

    PHP中文网2017-04-10 17:05:14

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

    在Stackover Flow找到问题答案了。

    reply
    0
  • Cancelreply