当我使用动态创建的 div 时，jQueryUi 选项卡不工作

Question

我目前正在为我的公司寻找经销商。我想添加一些选项卡，以便客户可以按州筛选经销商。这意味着状态的 div 是动态创建的，因为信息来自 CSV 文件。

我这样添加信息：

function erzeugenTab()   {
     var $tabsDiv = $("#mapstabs");
      var linkList ='';
      var divRegion ='';
      var linkZahl = 1
    for (var i = 0; i < unique.length - 1; i++) {
    linkList = linkList + "<li><a href=\"#tabs"+linkZahl+"\">" + unique[i] + "</a></li>" ;
         divRegion = divRegion + "<div id =\"tabs"+linkZahl+"\">Test123</div>";
         linkZahl = linkZahl + 1;   
          }
      linkList = linkList + "</ul>";
      $tabsDiv.append(linkList);
      $tabsDiv.append(divRegion);
      $(function() {

        $('#mapstabs').tabs();

        });
}

但是，没有标签出现。你可以看到它 here.

知道我错过了什么吗？

Answer 1

您可以尝试删除 function() 吗？

 $(function() {

        $('#mapstabs').tabs();

        });

到

$('#mapstabs').tabs();

Answer 2

您能否尝试删除 $tabsDiv 上的 $，将其变成 var tabsDiv？另外，我没有看到打开的 ul 标签

当我使用动态创建的 div 时，jQueryUi 选项卡不工作

jQueryUi Tabs isn't working when I use dynamically created divs

html

javascript

jquery

tabs

jquery-ui