jQuery选项卡和标题冲突

Question

我的关于页面有三个 jquery 选项卡（我使用了简单的选项卡插件）。当我使用第二个选项卡刷新页面时，标题部分未显示。当我单击新浏览器选项卡中的选项卡时，标题也没有显示。我该如何解决这个问题？ （只需点击第二个标签并刷新页面）

这里是我的内容

<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();
});

不执行。

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