jquery ui tab解决办法
日期：2014-05-17 浏览次数：20577 次
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>
------解决方案--------------------
官方的demo
利用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=
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
