jQuery选项卡不起作用
jQuery选项卡不起作用
提问于 2012-01-27 01:57:21
我正在尝试实现jQuery选项卡来取代AJAX选项卡容器。我已经遵循了jquery website中的代码，但是我的选项卡没有显示出来。它只是加载整个页面的数据，没有标签。firebug告诉我以下错误：
$("#tabs").tabs is not a function
$("#tabs").tabs();
我已经得到了所有需要的文件的引用：
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
并且我已经将函数指定如下：
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs();
});
</script>选项卡的代码如下：
div id="tabs">
<ul>
<li><a href="#tab-1"><span>Patient Information</span></a></li>
<li><a href="#tab-2"><span>Medical History 1 of 3</span></a></li>
<li><a href="#tab-3"><span>Medical History 2 of 3</span></a></li>
<li><a href="#tab-4"><span>Medical History 3 of 3</span></a></li>
<li><a href="#tab-5"><span>Scheduler</span></a></li>
<li><a href="#tab-6"><span>Care Plan</span></a></li>
</ul>
<div id="tab-1">
</div>
**Repeats for all tabs through tab-6**
</div>有人能告诉我我哪里做错了吗？由于.tabs()函数不起作用，页面就像这样加载-
回答 7
Stack Overflow用户
回答已采纳
发布于 2012-01-27 02:11:15
你的代码运行得很好。您唯一缺少的是选项卡的CSS - http://jsfiddle.net/8JX4A/
Stack Overflow用户
发布于 2012-07-05 01:34:06
如果在同一页面中有另一个jQuery元素，则可能会有冲突。我也有同样的问题，试试这个：
<script type="text/javascript">
jQuery.noConflict();
$(document).ready(function() {
$("#tabs").tabs();
});
然后只在每个jQuery元素之前更改i:; jQuery.noConflict();。
Stack Overflow用户
发布于 2012-01-27 02:07:56
您需要链接CSS文件：http://jsfiddle.net/fJaBa/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9022897
复制相关文章
相似问题
腾讯云开发者
