0

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

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

我的索引部分工作得很好,但是当我进入某个站点部分时,发生了一些事情,选项卡布局刚刚中断,页面被循环,并且由于某种原因,整个页面都显示了同一页面的 iframe,这使得它无法使用。

这是现场版:

索引(工作部分):索引

特定部分(破碎):特定部分

我正在使用的脚本版本:

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

控制台没有显示任何错误。

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

4

1 回答 1

0

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

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

于 2013-07-02T21:24:53.107 回答