使用Javascript在Wordpress中创建嵌套选项卡?

使用Javascript在Wordpress中创建嵌套选项卡?,javascript,wordpress,tabs,Javascript,Wordpress,Tabs,旁注:我在wordpress中设计的时间只有几个月,不知道还有什么地方可以问这个问题,所以我的语言可能有点不准确 我正在Wordpress中使用Jupiter主题创建我的站点,它本质上是一本教科书。其中一章包含我使用Visual Composer前端编辑器上的“tabs”元素创建的内容。但是,需要对内容进行格式化,以便5个选项卡中的每个选项卡都有嵌套的选项卡 显然,Visual Composer中不允许使用此功能(在另一个tabs元素中拖动tabs元素),因此,我为每个选项卡创建了类名,并使用j

旁注:我在wordpress中设计的时间只有几个月,不知道还有什么地方可以问这个问题,所以我的语言可能有点不准确

我正在Wordpress中使用Jupiter主题创建我的站点,它本质上是一本教科书。其中一章包含我使用Visual Composer前端编辑器上的“tabs”元素创建的内容。但是,需要对内容进行格式化,以便5个选项卡中的每个选项卡都有嵌套的选项卡

显然,Visual Composer中不允许使用此功能(在另一个tabs元素中拖动tabs元素),因此,我为每个选项卡创建了类名,并使用javascript将选项卡附加到相应的选项卡中。如果有人能提供帮助并告诉我为什么我不能将其他类移动到新选项卡中,我将非常感激。我还尝试将选项卡放在手风琴中,但也失败了

此方法适用于第一次出现的嵌套选项卡,但对于其他选项卡,相同的javascript无法工作。

我需要帮助的页面有:

javascript:

//These next few lines relate to the Chapter 10 page
$('.tabonecontent').appendTo($(".tabone").parents(".mk-tabs-pane"));
$('.tabtwocontent').appendTo($(".tabtwo").parents(".mk-tabs-pane"));
$('.tabthreecontent').appendTo($(".tabthree").parents(".mk-tabs-pane"));
$('.tabfourcontent').appendTo($(".tabfour").parents(".mk-tabs-pane"));
$('.tabfivecontent').appendTo($(".tabfive").parents(".mk-tabs-pane"));    

我看了第10章,问题似乎已经解决了。事实上,我在嵌入嵌套标签时也遇到了同样的问题。很抱歉打扰你,你介意分享一下它是如何修复的吗?这里是我在别处回答的,显然无法在这里发布格式。干杯!我快速循环了添加的标签,补充道这是自定义Javascript。太好了!非常感谢您的回复和分享您的答案。只是想澄清一下,您是在Visual Composer中创建了两个单独的tab元素,还是使用了一个原始HTML元素,其中包含tab代码?有两组tab正在使用中。我构建了一个空白tab元素,其中包含5个我希望导入内容的新选项卡到,使用一个特殊的类名(tabone)定义每个选项卡,并将另一组选项卡(tabonecontent)中的内容移植到新元素(tabone)中。太棒了,那我就试一试。谢谢!我看了第10章,问题似乎已经解决了。实际上,我在嵌入嵌套选项卡方面也面临着同样的问题。很抱歉打扰你,但你介意分享它是如何修复的吗?这里是我在别处回答的,显然无法在这里发布格式。干杯!我疯了快速循环添加的选项卡,将其添加到自定义Javascript中。太好了!非常感谢您的回复和分享您的答案。只是想澄清一下,您是在Visual Composer中创建了两个单独的选项卡元素,还是使用了原始HTML元素,其中包含选项卡代码?有两组选项卡正在使用。我构建了一个空白的选项卡元素我想将内容导入5个新选项卡,用一个特殊的类名(tabone)定义每个选项卡,并将另一组选项卡(tabonecontent)中的内容移植到新元素(tabone)中。太棒了,我将试一试。谢谢!