Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/178.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery ui打开选项卡_Jquery_Jquery Ui_Jquery Ui Tabs - Fatal编程技术网

如何使用jquery ui打开选项卡

如何使用jquery ui打开选项卡,jquery,jquery-ui,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Tabs,我正在尝试使用jquery打开一个选项卡,下面是我的代码: $("#ecContenedorFolders").tabs({ tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon-close'></span></li>" })

我正在尝试使用jquery打开一个选项卡,下面是我的代码:

$("#ecContenedorFolders").tabs({
     tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon-close'></span></li>"                                                     
});
$("#ecContenedorFolders").tabs("add","#ecApp05","Friends Discussions");   
$(“#eContenedorFolders”).tabs({
选项卡模板:“
  • ” }); $(“#eContenedorFolders”)。选项卡(“添加”、“ecApp05”、“好友讨论”);
    每个人都可以看到我在使用一个模板,所以当我使用前3行时,我会得到我的新标签,但我可以在以前的标签之间切换,如果我只使用最后一行,我会得到我的新标签,我可以在标签之间切换,但我可以添加内容。有人知道改进这个代码的方法吗


    提前感谢。

    您需要的是将
    panelTemplate
    tabTemplate
    一起包含在内。大概是这样的:

    $("#ecContenedorFolders").tabs({
      tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon-close'></span></li>",
      panelTemplate: "<p>Panel Text here</p>"
    });
    
    $("#ecContenedorFolders").tabs("add", "#ecApp05", "Friends Discussions");
    
    $(“#eContenedorFolders”).tabs({
    选项卡模板:“
  • ”, panelTemplate:“此处的面板文本

    ” }); $(“#eContenedorFolders”)。选项卡(“添加”、“ecApp05”、“好友讨论”);

    希望这有帮助

    我不明白你的问题。您需要更改acrive选项卡的代码吗?我只想打开选项卡并用url加载其内容。您阅读过jQueryUI站点上的选项卡文档吗?你需要接受答案。这样,问题/答案在搜索结果等中显示为已解决。如果您需要关于如何接受答案的帮助,请查看此链接:stackoverflow.com/faq#howtoask谢谢,还有一个问题,如果我想在panelTemplate中加载url,让我们假设google我将url放在哪里??panelTemplate接收您想要的任何HTML。因此,要包含url,您可以包含

    ,那么,这是否回答了您的问题?如果是这样,你介意接受这个作为你的答案吗?你需要接受这个答案。这样,问题/答案在搜索结果等中显示为已解决。如果您需要有关如何接受答案的帮助,请查看此链接: