0

最近，我下载了一个用于在 html 页面的选项卡式内容上制作动画的 JQuery 插件。为 Tabs 定义的 html 及其各自的内容和动画是通过 JQuery 获得的。这是我的标签的示例 html。

<ul>
    <li><a href="#two">PED</a>
    </li>
    <li><a href="#Five">SPDE</a>
    </li>
    <li><a href="#one">SDE</a>
    </li>
</ul>
<div class="box-wrapper">
  <div id="Seven" class="content-box">
    <div class="col-one col">
      <a href="" target="_blank"
         title="Click to go to Advanced-Design Team Site">
        <img src=""/>
      </a>
    </div>
  <div class="col-two col">
  <h3>
    <a href="" target="_blank"
       style="color: Black; text-decoration: underline"
       title="Click to go to Advanced-Design Team Site">
         Advanced Design
    </a>
  </h3>
  <p>Welcome to Advanced Design Group.</p>
</div>

上面编码的还有剩余的 div。

我使用 iframe 标记在另一个页面中显示了这个选项卡式 html 页面。当我单击任何一个选项卡时，页面会自动捕捉到内容页面的开头。这在 Firefox 中不会发生，但它会按预期显示内容而不会捕捉。在 IE 和 Chrome 中，页面会捕捉到相应选项卡的开头。我们需要重新滚动到页面顶部。

不知道为什么会发生这种情况，浏览器解释 HTML 的方式是否有任何问题或我的 HTML 代码错误？除了使用该方法之外，我没有看到任何其他方法。我知道这是导致问题的原因，但有什么办法可以让页面不在 IE 或 chrome 中对齐，或者我是否需要在不使用我现在使用的方法的情况下使用选项卡式内容开发我的页面。这对我来说是一种结束。不知道该去哪里。

任何指针都会有很大帮助。谢谢，

4

0 回答 0