{代码...} {代码...}

php - Accordion加载了内容以后无法加载jquery的accordion效果-Fragen und Antworten zum chinesischen PHP-Netzwerk

Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

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

怪我咯 2017-04-10 17:03:14

668

   ' <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但是依然没办法。

怪我咯

走同样的路，发现不同的人生

Antworte allen(1)

洪涛2017-04-10 17:05:14 1 Etage

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