2014-02-07 82 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