jQuery动态手风琴功能

时间:2013-12-12 01:27:58

标签: javascript ajax function jquery

在我的动态手风琴div中使用函数时出现问题。

$(document).ready(function ()
{
    $.ajax(
    {
        url: "accordion-query.php",
        dataType: "json",
        success: function (data)
            {
            var accord='';

            $.each( data, function( index, item)
                {
                var courseCode = item.Course_Code;
                accord += '<h3>'+item.Course_Name+' - '+item.Course_Code+'</h3><div>'+createTable(courseCode)+'</div>';
                });

            $( "#accordion" ).html( accord );
            $( "#accordion" ).accordion();
            }
    });
});

手风琴div中的createTable(code) {}功能不起作用 function createTable(code)

function createTable(code) 
    {
    $.ajax(
        {
        url: "staff-query.php",
        data: "q=" + code,
        dataType: "json",
        success: function (data)
            {           
            $.each( data, function( index, item)
                {
                tabletext += '<tr><td>'+item.B_Code+'</td><td>'+item.Surname+', '+item.FirstName+'</td><td>'+item.Email+'</td><td>'+item.Course_Name+'</td><td>'+item.Mod_Title+'</td><td>'+item.Title+'</td><td>'+item.Uploaded+'</td><td>'+item.ViewedDate+'</td><td>'+item.Comments+'</td></tr>';
                });
            }
    return tabletext;
    });
    }

accordion-query.phpstaff-query.php都返回我想要的内容,json编码的数组中包含正确的数据,但它不会传递给表。 当我将函数更改为简单的函数时......

function createTable(code) 
    {
    return code;
    }

...它将正确的数据放入div并正确显示所有的手风琴标签。我无法看到该功能的问题。 document.ready {}createTable()都在标题中,我尝试将它们移动到正文和所有其他组合之后。我没有显示<table><tr><th>开始和结束标记,以免混乱代码,但这不是问题,因为我已经尝试并测试过它。

0 个答案:

没有答案