我在我的网站上使用此代码作为选项卡,它工作得很好,但如果我想在页面上放置相同的代码,选项卡不会切换,当我点击它刚刚发送的按钮时我到顶部而不是切换。有人可以解释可能是什么问题吗?脚本的问题
<center>
<ul class="wpa_tab_pln" id="tab_lts_chp">
<li style="text-align: center;float:none;display:inline-block"><a href="#" rel="tab_lts_chp_anm">button1</a></li>
<li style="text-align: center;float:none;display:inline-block"><a class="selected" href="#" rel="tab_lts_chp_tv">button2</a></li>
<li style="text-align: center;float:none;display:inline-block"><a class="selected" href="#" rel="tab_lts_chp_mng">button3</a></li>
<li style="text-align: center;float:none;display:inline-block"><a class="selected" href="#" rel="tab_lts_chp_drama">button4</a></li>
</ul>
</center>
<div class="clr"></div>
<div style="display:block" id="tab_lts_chp_anm" class="wpa_tab_ctt">Shortcode</div>
<div style="display:none" id="tab_lts_chp_tv" class="wpa_tab_ctt">shortcode</div>
<div style="display:none" id="tab_lts_chp_mng" class="wpa_tab_ctt">shortcode</div>
<div style="display:none" id="tab_lts_chp_drama" class="wpa_tab_ctt">shortcode</div>
<script type="text/javascript">
var tab_lts_chp_obj = new wpm_tab("tab_lts_chp");
tab_lts_chp_obj.set_pst(true);
tab_lts_chp_obj.set_sel_cls_tgt("link");
tab_lts_chp_obj.inl();
</script>
这个脚本工作,如果我把它一次。如果我第二次在页面上放置相同的代码,第二次复制将不起作用。
转换脚本在哪里? – mplungjan
显然这是一个javascript错误,请参阅开发人员控制台。 –
你应该引用你想要在所使用的函数中显示的div,并使用'show'方法。就像'function showDiv(idDiv){$(“#”+ idDiv).show(); }'。 –