Question

确定，这是交易。我从http://jqueryui.com/tabs/#mouseover

安装了jQuery标签

但是，当我激活标签3,4时，它看起来只能用前两个标签正常工作....它会在每个div之前添加一些空格，所以每个div向下移动大约10px。

我的脚本不是什么大问题：

jQuery的：

$(document).ready(function() {
    $( "#tabs" ).tabs({
        event: "mouseover"
        });
});

HTML：

  <div id="tabs">

    <ul class="tabs">
      <li><a href="#tab-1">1</a></li>
      <li><a href="#tab-2">2</a></li>
      <li><a href="#tab-3">3</a></li>
      <li><a href="#tab-4">4</a></li>
      <li><a href="#tab-5">5</a></li>
      <li><a href="#tab-6">6</a></li>    
    </ul>

    <div id="1"></div>
    <div id="2"></div>    
    <div id="3"></div>
    <div id="4"></div>
    <div id="5"></div>
    <div id="6"></div>

  </div>

Answer 1

问题是关闭每个div，有一个多余的 br

</div> <br /> 
         ^
         ^
         ^ 
       (remove this br) 

       <div id="tab-n".....>
          // something
       </div>

jquery tabs在顶部添加空格

1 个答案: