我试图实现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>
解决方法
你的代码工作正常你唯一缺少的是CSS –
http://jsfiddle.net/8JX4A/