Question

我有2个功能
1- addMessage()：将数据保存到数据库中，仅在单击时调用 2 - updateMessage()：使用数据库中的ajax获取数据，在文档准备就绪时调用，每3秒调用一次以获取新数据，并在addMessage()成功时调用。

function updateMessage()
{   
    $.ajax({
    url:"db.php",
    type:"post",
    dataType:"text/xml",
    success:function(data)
    {
        $(data).find("message").each(function() {
            var msg_id = $(this).find("msg_id").text();
            var date_time = $(this).find("date_time").text();
            var from_user = $(this).find("from_user").text();
            var from_group = $(this).find("from_group").text();
            var to_user = $(this).find("to_user").text();
            var to_group = $(this).find("to_group").text();
            var msg_type = $(this).find("msg_type").text();
            var msg = $(this).find("msg").text();
            var grp_abr = $(this).find("grp_abr").text();

            var html = "<tr class='blue'>";
            html += "<td><a href='#' class='bullet' onclick='changeStatus(\""+msg_id+"\")'><\/a><\/td>";
            html += "<td><a href='#' class='reply' onclick='reply(\""+from_user+"\");'><\/a><\/td>";
            html += "<td>"+date_time+"<\/td>";
            html += "<td>"+from_user+"["+from_group+"]"+"<\/td>";
            html += "<td>"+to_user+"["+to_group+"]"+"<\/td>";
            html += "<td><a href='#' class="+msg_type+"><\/a><\/td>";
            html += "<td><a href='#' class='flag_msg' onclick='flagMsg("+msg_id+")'><\/a><\/td>";
            html += "<td>"+msg_id+msg+"<\/td>";
            html += "<td>"+grp_abr+"<\/td><\/tr>";
            });
        }
  });
  setTimeout('updateMessage()',3000);
}

现在检索的数据我想添加到具有不同名称和不同容器的不同选项卡，我将如何做到这一点。我的问题不是代码问题，更多的是逻辑或步骤顺序。请帮忙。

Answer 1

不确定我明白你真正想要的是什么。假设您正在询问如何动态添加标签

查看jQuery Tabs add()方法，可能还有tabTemplate和panelTemplate选项。

在success函数结束时构建新选项卡内容后，将其附加到DOM中适合的位置（例如隐藏所有选项卡的隐藏表），并使用add方法。

如果你有多个tab-container，只需在你想要的那个上调用add-method。

将不同的数据添加到不同的jquery选项卡

1 个答案: