Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用新内容替换后无法加载JqueryUI(手风琴)效果?_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 用新内容替换后无法加载JqueryUI(手风琴)效果?

Javascript 用新内容替换后无法加载JqueryUI(手风琴)效果?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个使用JqueryUI手风琴效果的列表。我可以交换列表中的内容。然而,一旦我交换了内容,我就失去了所有Jquery的风格效果。我在论坛上做了一些研究,人们说我应该在交换内容后销毁并重新初始化手风琴。我尝试了所有的方法,但都不起作用 $(document).ready(function(){ $('#accordion').accordion({collapsible: true,active:false,heightStyle: 'content',event: 'click h

我有一个使用JqueryUI手风琴效果的列表。我可以交换列表中的内容。然而,一旦我交换了内容,我就失去了所有Jquery的风格效果。我在论坛上做了一些研究,人们说我应该在交换内容后销毁并重新初始化手风琴。我尝试了所有的方法,但都不起作用

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

当您调用
accordion
插件时,它将通过添加类和其他属性来设置其中内容的样式。但一旦重新加载其中的内容,这些样式就会丢失

在load回调中,您需要重新初始化accordion插件

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