1

UIを使用してjqueryタブを設定しました。含まれているjsとcssはjqueryと同様にあります。

しかし、ページをロードするとすぐにタブが正しく表示されますが、すべてのコンテンツには、各タブコンテンツの完全なコンテンツが重なり合っています。

コードはjquery-uiのドキュメントに示されているものとまったく同じですが、機能していません。

ここに私のインクルード

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="/includes/scripts/jquery/jqueryuicss/base/jquery-ui.css" />

スクリプト

<script>
$(document).ready(function() {
    $(function() {
        $( "#tabs" ).tabs({ active: 0 });
    });
});
</script>

そしてHTML

<div id="tabs">
<ul>
<li><a href="#tabs-1"><img src="/images/flaggen/Germany.gif" alt="Deutsch" border="0" /></a></li>
<li><a href="#tabs-2"><img src="/images/flaggen/grossbritanien.gif" alt="Englisch" border="0" /></a></li>
<li><a href="#tabs-3"><img src="/images/flaggen/russland.gif" alt="Russisch" border="0" /></a></li>
</ul>
<div id="tabs-1">
    <p>TEST Deutsch</p>
</div>
<div id="tabs-2">
    <p>TEST Englisch</p>
</div>
<div id="tabs-3">
<p>TEST Russisch</p>
</div>
</div>

助けてください、事前に感謝します

ベルンハルト

4

1 に答える 1

0

良い一日、

私は同じ問題を抱えていましたが、別のjqueryバージョン（1.9.1ではなく1.7.0）を使用して解決しました。

JavaScript src https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js を http://ajax.googleapis.com/ajax/libs/jquery/1.7.0に置き換えてみてください。 /jquery.min.js .

これが同じバインドにいる人を助けることを願っています! すてきな一日を！-マイク

于 2015-12-07T21:45:45.153 に答える