0

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 のバージョンを切り替えてみましたが、成功しませんでした。

コンソールにエラーは表示されません。

何が原因でしょうか?

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 に答える