jQuery UI タブでこの奇妙な問題が発生しています。
新聞の Web サイトの注目ニュース セクションにウィジェットを使用しています。
インデックス セクションは完全に機能しますが、サイト セクションに入ると、何かが発生し、タブ レイアウトが壊れてページが循環し、何らかの理由で同じページの 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 のバージョンを切り替えてみましたが、成功しませんでした。
コンソールにエラーは表示されません。
何が原因でしょうか?