jquery-ui - JQuery アコーディオンが動的データを含む関数内で機能しない

Question

私のasp.mvcプロジェクトでは、ビューファイルの下にあります。WEB API 呼び出しでアコーディオン データを取得し、「div」、「p」タグでフォーマットし、既存の div タグ「accapis」に追加できます。最後に ("#idaccapis").accordion(); を使用しようとしました。そして、「オブジェクトはこのプロパティまたはメソッド「アコーディオン」をサポートしていません。不足しているものや間違っていることを教えてください」というエラーがスローされます。

静的コンテンツを配置すると ("#idaccapis").accordion() が正常に動作するため、スクリプトのインクルードに問題はないと思います。

@{
    ViewBag.Title = ">Help";
        Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Web API Help</h2> 
    <div class="accapis" id="idaccapis"> 
    </div> 
<script>
    $(document).ready(function () {
        $.getJSON("/api/Help",
                    function (data) {
                        $.each(data, function (key, val) {
                            $('<h3/>', { text: val.ControllerName }
                            ).appendTo('.accapis');
                                    $('<div />', { "class":     
val.ControllerName }).appendTo            ($('.accapis'));
                            $.each(val.Path, function (k, v) {
                                $('<p/>', { text: v }).appendTo($("." + val.ControllerName));
                            });
                        });
                    })
                    .complete(function () {
                        alert($("#idaccapis").html()); //able to see the html generated, they     look fine
                        $("#idaccapis").accordion(); //ERROR
                    });
    });
</script>