html - 编辑模板的动态导航选项卡

Question

我对特定于 javascript 的编码还很陌生，所以对于任何垃圾问题，预先表示抱歉。

我正在尝试做的是重新设计一个模板。我需要编辑导航选项卡的长度。我有一个 java 脚本 (tabs.js)，它会自动缩放根据我猜的字母数测量的选项卡的长度。问题是如何设置标签的长度相似，即使单词的字母数发生变化。

这是javascript

tabs = {

初始化:函数(){ $('.tabs').each(函数(){

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>

预先感谢您的帮助!

Answer 1

我正在努力记忆我过去读过的东西......

.setTabSize(int 大小)

我很确定这会有所帮助，或者至少会让您走上正轨。希望...