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

【问题标题】：jQuery UI Customized Tabs breaking layoutjQuery UI 自定义选项卡打破布局
【发布时间】：2013-07-02 20:12:54
【问题描述】：

我在使用 jQuery UI 选项卡时遇到了这个奇怪的问题。

我正在将小部件用于报纸网站的精选新闻部分。

我的索引部分工作得非常好，但是当我进入某个站点部分时，发生了一些事情，选项卡布局刚刚中断，页面被循环，并且由于某种原因显示同一页面的某种 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 */ 注释下找到条目。

标签的初始化脚本是：

<? // <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 版本，但没有成功。

控制台未显示任何错误。

知道是什么原因造成的吗？

【问题讨论】：

标签： jquery-ui jquery-plugins jquery-ui-tabs

【解决方案1】：

另一个我自己回答的问题...显然 jQuery 选项卡和基本标记相处得不太好...所以我不得不删除基本标记并彻底更改我的链接。

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

【讨论】：