jQuery-UI选项卡在某些页面上不起作用

Question

我在Wordpress中建立了一个站点，并在两个页面上使用了相同的模板，其中一个jQuery-UI选项卡有效，而另一个则不起作用。 有人可以帮我调试并找出第二页有冲突的地方吗？

工作： http ： //solstad.no/investor-relations/general-meetings/

不起作用： http : //solstad.no/investor-relations/financial-reports/

非常感谢！

Answer 1

将data-toggle="tab"添加到第二个链接中的标签中，它应该可以工作。

查看屏幕截图-

因为这是一个Wordpress网站，所以我不确定您是在正确调用jQuery UI javascript还是以正确的方式实现选项卡。 但是，在该标签内容下方的任何位置添加以下脚本应该可以工作/对其进行热修复。

<script type="text/javascript">
    $('.nav-tabs li a').attr('data-toggle', 'tab');
</script>