Question

我遇到了jQuery UI Tabs这个奇怪的问题。

我在报纸网站上使用Widget作为精选新闻栏目。

我的索引部分运行得非常好，但是当我进入某个网站部分时，会发生一些事情，标签布局就会中断，页面会被循环显示，并且出于某种原因显示同一页面的各种iframe使其无法使用。

这是实时版本：

索引（工作部分）：Index

特定部分（已损坏）：Specific Section

我正在使用的脚本版本：

<link href="css/puntomedio/jquery-ui-1.10.2.custom.min.css" rel="stylesheet" type="text/css">

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

<script src="js/jquery.ui.datepicker-es.js"></script>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

我在主css文件CSS File中个性化css，你可以在/ * Complementarios de jQuery * / comment下找到条目。

标签的初始化脚本是：

<? // <script src="js/jquery.ui.tabs.rotate.js"></script> ?>
<script type="text/javascript">
$(function()
{
    $(".titulares").tabs(/* { hide: { effect: "slide", duration: 200 }, show: { effect: "slide", duration: 200 } } */).addClass("ui-tabs-vertical ui-helper-clearfix")//.tabs("rotate", 5000, false);
    //$(".titulares li").removeClass("ui-tabs ui-widget").addClass("ui-corner-left");
});
</script>

有一些事情被评论，因为我现在没有使用它们。

我尝试切换jQuery和jQuery UI版本没有任何成功。

控制台未显示任何错误。

知道可能导致它的原因吗？

Answer 1

我自己回答的另一个问题......显然jQuery标签和基本标签不能很好地相处...所以我不得不删除基本标签并改变我的链接。

如果有兴趣的人发现这篇文章：http://tjvantoll.com/2013/02/17/using-jquery-ui-tabs-with-the-base-tag/

jQuery UI自定义选项卡打破布局

1 个答案: