当前位置: 代码迷 >> HTML/CSS >> jquery ui tab解决办法
  详细解决方案

jquery ui tab解决办法

热度:83   发布时间:2013-07-01 12:33:04.0
jquery ui tab
利用jquery ui调试了一天的切换效果没成功,这不晚上做个demo,做完这个demo后页没出现切换效果,不知道为什么,应当该引用的js或者css也都引用了啊,但就是没有切换效果,求大侠们解释,不胜感激,快啊 急急急!!!

<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server">    <title></title>    <script src="js/jquery-1.9.1.js" type="text/javascript" />   <script src="js/jquery-ui-1.10.2.custom.min.js" type="text/javascript" />   <link rel="Stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.10.2.custom.min.css"/>   
<script type="text/javascript">
$("#tabs").tabs({ collapsible: true,                   disabled: [],                   selected: 1,                   event: 'click',                   fx: { opacity: "toggle"} });


</script>


  </head><body>    <form id="form1" runat="server">    <div>    <div id="tabs">        <ul>            <li><a href="#tab1">Tab 1</a></li>            <li><a href="#tab2">Tab 2</a></li>            <li><a href="#tab3">Tab 3</a></li>        </ul>        <div id="tab1">Content 1</div>        <div id="tab2">Content 2</div>        <div id="tab3">Content 3</div>    </div>    <script src="js/Tabs.js" type="text/javascript" />    </div>    </form></body></html>
jQuery?UI HTML CSS

------解决方案--------------------
官方的demo

<html xmlns="http://www.w3.org/1999/xhtml">
    
    <head runat="server">
        <title>hhhhh</title>
        <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript">
  相关解决方案