Question

我已经使用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>

请提前帮助，请提供帮助

哈德

Answer 1

美好的一天，

我有同样的问题，它通过使用另一个jquery版本（1.7.0而不是1.9.1）解决。

尝试替换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

我希望这有助于任何发现自己处于相同绑定中的人！祝你有美好的一天！ -Mike

jquery 1.9.1 - 显示但不起作用的选项卡和完全显示的选项卡内容

1 个答案: