AJAX输出到手风琴面板

Question

我有以下AJAX脚本：

<script> 
$(function() { 
$(".accButton").click() 
var element = $(this); 
var id2 = element.attr("id"); 

$.ajax 
(
{ 
    type: "POST", 
    url:"item_view.php", 
    data: {id:id2}, 
    success: function(msg){ 
    $("#output_element").html(msg); 
}}); 
}); 

</script> 

，我需要它来输出发布到手风琴面板是这样的：

<div id="accordion"> 
<h3><a href="#">Header Name</a></h3> 
<div id="output_element"> 
This is the content 
</div> 

手风琴正在按需要工作，我的AJAX调用正在根据需要返回数据;我可以让它显示在'output_element'div中。什么都没有显示在div中。

Answer 1

尝试refresh（）方法。在此查找http://api.jqueryui.com/accordion/#method-refresh

$(function(){ 


    $("#accordion").accordion({ 
     active: 1, 
     collapsible :true 
    }); 

    $.ajax({ 
     type: "POST", 
     url:"item_view.php", 
     data: {id:id2}, 
     success: function(msg){ 
      $("#output_element").html(msg); 
      $("#accordion").accordion("refresh"); 
     } 
    }); 

});