2014-02-07 109 views
-1

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

<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> 

這個腳本工作,如果我把它一次。如果我第二次在頁面上放置相同的代碼,第二次複製將不起作用。

+0

轉換腳本在哪裏? – mplungjan

+0

顯然這是一個javascript錯誤,請參閱開發人員控制檯。 –

+0

你應該引用你想要在所使用的函數中顯示的div,並使用'show'方法。就像'function showDiv(idDiv){$(「#」+ idDiv).show(); }'。 –

回答

0

href屬性不指向任何地方。

+0

它應該是腳本,腳本將使用rel屬性 – mplungjan

+0

它不需要被指出。它使用簡碼。因此,當我點擊按鈕時,它不會在另一個頁面上發送給我,它只會在同一頁面上顯示不同的信息。 – user3233833