利用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">