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调用正在根据需要返回数据;我可以让它显示在＆＃39; output_element＆＃39; 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");
        }
    });

});

AJAX输出到手风琴面板

1 个答案: