Question

我使用JQuery .tab()构建了一个标签，我希望它可以是连续的自动切换标签，但在加载页面后它确实无效。我发现当我导入这个外部脚本时，自动选项卡不起作用。

<script type="text/javascript" src="/solar_energy/lib/jquery-1.9.1.min.js"></script>

这是我的代码，请帮助我知道它为什么不起作用。 THX。

＆＃13;

var n = 3, //number of tabs
  i = 0; // current tab

$("#tabs").tabs();
setInterval(function() {
  i = (++i < n ? i : 0);
  $("#tabs").tabs("option", "active", i);
}, 2000);

＆＃13;

<div id="tabs">
  <ul>
    <li><a href="1.html">tab 1</a>
    </li>
    <li><a href="2.html">tab 2</a>
    </li>
    <li><a href="3.html">tab 3</a>
    </li>
  </ul>
</div>

＆＃13;

Answer 1

您的代码可以正常使用 Working Fiddle ，只需确保正确包含jquery-ui并检查您的控制台是否有错误。

HTML：

<div id="tabs">
  <ul>
    <li><a href="1.html">tab 1</a>
    </li>
    <li><a href="2.html">tab 2</a>
    </li>
    <li><a href="3.html">tab 3</a>
    </li>
  </ul>
</div>

JS：

var n = 3, //number of tabs
  i = 0; // current tab

$("#tabs").tabs();
setInterval(function() {
  i = (++i < n ? i : 0);
  $("#tabs").tabs("option", "active", i);
}, 2000);

如果您的代码在没有<script type="text/javascript" src="/solar_energy/lib/jquery-1.9.1.min.js"></script>的情况下工作，我猜您已经在代码中的某处包含了jquery。

更改自动选项卡后为什么setInterval不起作用

1 个答案: