首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery选项卡在顶部添加空间

jquery选项卡在顶部添加空间
EN

Stack Overflow用户
提问于 2012-12-16 23:44:48
回答 1查看 374关注 0票数 4

好的,这是交易。我从jQuery安装了http://jqueryui.com/tabs/#mouseover选项卡

但是,当我激活选项卡3、4、.时,它只在前两个选项卡上运行得很好。它在每个div之前添加一些空白,因此每个div向下移动大约10 it。

我的剧本没什么大不了的:

jQuery:

代码语言:javascript
运行
复制
$(document).ready(function() {
    $( "#tabs" ).tabs({
        event: "mouseover"
        });
});

HTML:

代码语言:javascript
运行
复制
  <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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-17 00:06:56

问题是要关闭每个div,就有一个多余的br

代码语言:javascript
运行
复制
</div> <br /> 
         ^
         ^
         ^ 
       (remove this br) 

       <div id="tab-n".....>
          // something
       </div>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13906644

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档