Question

我的关于页面有三个jquery选项卡（我使用了easy tab插件）。当我用第二个标签刷新页面时，标题部分没有显示出来。当我在新的浏览器选项卡中单击选项卡时，标题也没有显示出来。我怎么解决这个？（只需单击第二个选项卡并刷新页面）

这里是我的内容

<div id="tab-container" class='tab-container'>
  <ul class='etabs'>
    <li class='tab'>
      <a href="#tabs1-html">
        HTML Markup
      </a>
    </li>
    <li class='tab'>
      <a href="#tabs1-js">
        Required JS
      </a>
    </li>
    <li class='tab'>
      <a href="#tabs1-css">
        Example CSS
      </a>
    </li>
  </ul>
  <div class='panel-container'>
    <div id="tabs1-html">
      <h2>
        HTML Markup for these tabs
      </h2>



      <p>
        Dummy content
      </p>
    </div>
    <div id="tabs1-js">
      <h2>
        JS for these tabs
      </h2>

      <p>
        dummy content 2
      </p>




    </div>
    <div id="tabs1-css">
      <h2>
        CSS Styles for these tabs
      </h2>

      <p>
        dummy content 3
      </p>

    </div>
  </div>
</div>

这是我的Js

<script type="text/javascript">
    $(document).ready( function() {
      $('#tab-container').easytabs();
    });
</script>

javascript link1

javascript link 2

这是我的页面链接

Live page

Answer 1

您的代码JS：

$(document).ready( function() {
    $('#tab-container').easytabs();
});

未执行。

如果您在控制台中执行它，您将看到正确显示的标签。你把这个代码放在哪里了？

Jquery选项卡和标头冲突

1 个答案: