javascript – jQuery标签不工作

前端之家收集整理的这篇文章主要介绍了javascript – jQuery标签不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图实现jQuery选项卡来替换 AJAX选项卡容器.我按照 jquery website代码,但是我的标签没有显示.它只是加载整个页面的数据没有选项卡.而firebug告诉我以下错误

$(“#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()函数不起作用,所以页面正好加载,

解决方法

你的代码工作正常你唯一缺少的是CSS – http://jsfiddle.net/8JX4A/

猜你在找的jQuery相关文章