Question

我正在使用jqueryui标签代码，添加新标签，并通过ajax在新标签中动态创建新内容。但是，问题是我无法可靠地选择新选项卡，我的新内容会进入第一个选项卡。我正在使用的代码如下：

var $tabs = $("#tabs").tabs({
   tabTemplate: "...etc",
   add: function(event, ui) {

   $(ui.panel).append("<p id=\"demo\"></p>");

   $.ajax({
     type:     "POST",
     url:      "comms.php",
     data:     {country:tab_content},
     dataType: "script"
});

服务器上的php代码写入'demo'段，但问题是$(ui.panel)总是在第一个选项卡中选择'demo'。我已尝试过一些变体，包括

$('tabs').tabs("select", ui.panel.id);
$(ui.panel).append("<p id=\"demo\"></p>");

和

var top  = $(ui.panel).get(0);
var demo = document.createElement("p");
demo.setAttributeNS(null, "id", "demo");
top.appendChild(demo);

没有运气。知道如何选择新标签输出吗？感谢。

Answer 1

我猜您的问题发生了，因为您<div>回调中附加到ui.panel的所有add都具有相同的ID。必须是唯一的。

尝试给他们一个不同的身份证。

jqueryui标签：标识新标签以向其添加内容

1 个答案: