jQuery选项卡方法不起作用

Posted 2023-05-08

【中文标题】jQuery选项卡方法不起作用

【英文标题】：jquery tabs method is not working

【发布时间】：2018-04-29 00:33:23

【问题描述】：

我有几个简单的标签，我试图在页面加载时在第一个标签上应用激活标志，然后我将有自己的条件来加载第二个。当我调用 tabs() 或 tabs(activate : 0) 时遇到问题.它最初按预期加载，但过了一会儿它会引发一个大异常，如

jquery.js:7840 Uncaught Error: Mismatched anonymous define() module: function ()

带来一个接近 ECMAScript 5 合规性的环境 尽可能使用旧引擎的设施。

如果有人可以在这里帮助我，我真的很感激。

   <div class="tabs" id="orderHistoryTabs">
   <ul class="tabsList">
    <c:forEach items="$component.tabList" var="tab" varStatus="status">
        <li class="tab-$status.index"><a href="$tab.url" 
       onclick="loading();">$tab.linkName</a></li>
    </c:forEach>
   </ul>
  </div>

  <script type="text/javascript">
    $(document).ready(function() 
    $("#orderHistoryTabs").tabs();
 );
</script>

【问题讨论】：

你能发一个plunker吗？

plnkr.co/edit/n15JtBJHJJOJ9RSpb95q?p=preview

plnkr.co/edit/FVzVaJ7yASiZK7UCXuHN?p=preview

只要您导入 jquery 和 jquery ui，我就看不到任何问题。请参考上面的plnkr

【参考方案1】：

我认为错误表明您需要输入一个匿名函数。

 $(function () 
      $("#orderHistoryTabs").tabs();
    );