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

我是专门针对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>

预先感谢您的帮助！

最佳答案

我想回忆起我过去读过的东西。

.setTabSize（int大小）

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

关于html - 编辑模板的动态导航选项卡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18392268/