我尝试用我的小型开发知识做一个非常简单的短代码选项卡。
我的短代码有问题。当我点击其他标签时,内容没有变化,我不知道原因:/
你能告诉我什么是错的吗?
有效的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]
谢谢:)
答案 0 :(得分:0)
您的短代码第一行中有拼写错误:
而不是:[tab_menu_skeletone]
使用此:[tab_menu_skeleton]