我对特定于 javascript 的编码非常陌生,因此对于任何转储问题都非常抱歉。
我想做的是重新设计一个模板。我需要编辑导航选项卡的长度。我有一个 java 脚本(tabs.js),它会自动缩放根据我猜的字母数量测量的标签长度。问题是如何设置相似的标签长度,即使单词的字母数量发生变化。
这是javascript
tabs = {
初始化 : function(){ $('.tabs').each(function(){
var th=$(this),
tContent=$('.tab-content',th),
navA=$('.nav a',th)
tContent.not(tContent.eq(0)).hide()
navA.click(function(){
var th=$(this),
tmp=th.attr('href')
tContent.not($(tmp.slice(tmp.indexOf('#'))).fadeIn(1000)).hide()
$(th).parent().addClass('selected').siblings().removeClass('selected').find('span').stop().animate({opacity:'0'},600);
Cufon.refresh();
return false;
});
这是我的html代码
<header>
<nav>
<ul id="menu">
<li><a href="#!/page_Home"><span></span><strong>EVENTS</strong></a></li>
<li><a href="#!/page_About"><span></span><strong>HISTORY</strong></a></li>
<li><a href="#!/page_Portfolio"><span></span><strong>IMPRESSIONS</strong></a></li>
<li><a href="#!/page_Services"><span></span><strong>BOOKING</strong></a></li>
<li><a href="#!/page_Contact"><span></span><strong>CONTACT</strong></a></li>
</ul>
</nav>
</header>
预先感谢您的帮助!