Question

点击任何一条记录后，我有一个充满数据的表格。调用jquery ajax函数并获取该记录的详细信息，并将其显示在与记录关联的div中。

现在我想用手风琴展示它。

大部分时间jquery手风琴都是这样的

   $(document).ready(function() {  
    $('#accordion').accordion();  
});

但是在这里我希望我的div首先用数据填充，然后调用accordion方法。因为如果先调用accordion（），那么手风琴就没有显示，因为数据请求仍在处理中。

我的jquery ajax方法就像这样

 $(function () {
        $("span.Consignment").click(function () {
            var position = 'div#' + this.innerHTML;
            var url = "/Tracking/TrackingConsignment?consno=" + this.innerHTML;
            $(position).load(url, function() {
                $("a.Consignment").accordion();
                return false;
            });

        });
    });

这是我的代码

     @foreach (var lst in item.Item2)
        {
           <a href="#" class="Consignment">
                <table class="gridtable">
                    <a href="#">
                        <tr>
                            <td>                                   
                                <span class="Consignment" href="#">@lst.ConsignmentNo</span>
                            </td>
                            <td>@lst.ConsignmentDate
                            </td>
                        </tr>
                    </a>
                </table>
            </a>

            <div id="@lst.ConsignmentNo">
            </div>
        }

我应该如何使它发挥作用。第一个数据然后是手风琴。

Answer 1

在.load。

的成功设置您的手风琴

.load(url,function(){
    $("#accordion").accordion();
})

使用Jquery Ajax显示手风琴

1 个答案: