我在我的網站上使用此代碼作爲選項卡,它工作得很好,但如果我想在頁面上放置相同的代碼,選項卡不會切換,當我點擊它剛剛發送的按鈕時我到頂部而不是切換。有人可以解釋可能是什麼問題嗎?腳本的問題
<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(); }'。 –