jquery 1.9.1 - 显示的标签，但不工作，标签内容完全显示

问题描述：

我已经用ui设置了jquery选项卡。包括js和css以及jquery。jquery 1.9.1 - 显示的标签，但不工作，标签内容完全显示

但是，只要我加载页面的标签正确显示，但在每个内容是每个标签内容的完整内容在彼此的顶部。

该代码与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>

请帮帮忙，谢谢提前

伯恩哈德

日安

我只是尝试你的代码，它为我工作。你有没有在你的页面加载另一个CSS？ – 2013-02-26 16:18:08

嗨，谢谢你的回应。是的，还包含其他CSS文件，但如果我将它们评论出来，它是一样的。我也尝试了裸网站模板中的代码，其他地方都没有加载，并且它们是相同的。这些标签格式良好，可点击。但内容完全展现在彼此之上。 – 2013-02-26 16:31:08

刚刚找到原因：标头中有一个baseHref标记，如如果存在baseHref，则标签由于某种原因不起作用。我不知道为什么......现在就开始工作，我可以编写它的ajax部分。再次感谢。 – 2013-02-26 16:34:52

答

，

我有同样的问题，而且还通过其他的jQuery版本（1.7.0，而不是1.9.1）解决。

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

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

jquery 1.9.1 - 显示的标签，但不工作，标签内容完全显示

相关推荐