JQuery手风琴在带有动态数据的函数内不起作用

时间:2012-11-24 17:13:18

标签: jquery-ui jquery-ui-accordion

在我的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>

0 个答案:

没有答案