今天调了一上午选项卡,碰到很多坑,写出来,给大家参照下
1.调用信息出来了,点第二个或者后面的没有反应:
a.头部没有<script type="text/javascript" src="[!--news.url--]skin/default/js/tabs.js"></script>
b.因为是拷贝的,id="tab1_btn_0",后面的序号0没有改成0-10序号
c.因为是拷贝的,id="tab1_div_0",后面的序号0没有改成0-10序号
d.选项部位的代码没有写成一行
<div class="selected-goods-head"> <ul><li class="se-go-on" id="tab1_btn_0" onclick="etabit(this)"><a>选项1</a></li><li id="tab1_btn_1" onclick="etabit(this)"><a>选项2</a></li><li id="tab1_btn_2" onclick="etabit(this)"><a>选项3</a></li></ul></div>
2.调用信息出来了,但是所有选项的信息都一起展现了:
因为是拷贝的,第一个选项是style="display: block;",后面的没有改成 style="display: none;"
3.信息调用不出来:
a.因为是拷贝的,把所有选项都写成了style="display: none;"
b.灵动标签语法不对,或者调用的栏目号写的有问题;
c.多了,或者少了,</div></ul>等代码,造成语句无法识别。
感谢楼下zhxin 的帮助和曾经帮助我的小伙伴。