1

I've set up jquery tabs with the ui. Included js and css is there aswell as jquery is.

But as soon as I load the page the tabs are properly shown but in every content is the full content of each tab content on top of each other.

The code is exactly the same as shown in the jquery-ui documentation but not working.

Here my includes

<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" />

The script

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

And the 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>

Please help, thanks in advance

Bernhard

4

1 回答 1

0

再会，

我遇到了同样的问题，并通过使用另一个 jquery 版本（1.7.0 而不是 1.9.1）来解决。

尝试用 http://ajax.googleapis.com/ajax/libs/jquery/1.7.0替换 JavaScript src https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js /jquery.min.js。

我希望这可以帮助任何发现自己处于同一束缚中的人！祝你有美好的一天！-麦克风

于 2015-12-07T21:45:45.153 回答