Wordpress 短代码选项卡,怎么了?

Wordpress shortcode tabs, what's wrong?

我正在尝试用我的小开发知识做一个非常简单的短代码选项卡。

我的简码有问题。当我点击其他标签时,内容没有改变,我不知道为什么:/

你能告诉我哪里出了问题吗?

有效的HTML版本:

<ul class="nav nav-pills">
    <li class="active"><a href="#home" data-toggle="pill"><img class="img-nav-pills" src="#" /> Menu 1</a></li>
    <li><a href="#menu1" data-toggle="pill"><img class="img-nav-pills" src="#" /> Menu 2</a></li>
    <li><a href="#menu2" data-toggle="pill"><img class="img-nav-pills" src="#" /> Menu 3</a></li>
</ul>
<div class="tab-content">
    <div id="home" class="tab-pane fade in active">Content 1</div>
    <div id="menu1" class="tab-pane fade">Content 2</div>
    <div id="menu2" class="tab-pane fade">Content 3</div>
</div>

我写的代码:

短代码:

[tab_menu_skeleton]
[tab_menu tab_class="active" tab_id="1" tab_img="https://i.imgur.com/2AGKegq.png"]test[/tab_menu]
[tab_menu tab_class="" tab_id="2" tab_img="https://i.imgur.com/2AGKegq.png"]test2[/tab_menu]
[/tab_menu_skeleton][tab_content_skeleton]
[tab_content tab_content_active="in active" tab_content_id="1"]texte 1[/tab_content]
[tab_content tab_content_active="" tab_content_id="2"]texte 2[/tab_content]
[/tab_content_skeleton]

谢谢:)

您的短代码第一行有错字:

而不是这个:[tab_menu_skeletone]

使用这个:[tab_menu_skeleton]