首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → jQuery.ui-tabs使用：当点击tab的时候怎样使滚动条不动。

jQuery.ui-tabs使用：当点击tab的时候怎样使滚动条不动。

时间：2009-09-04

来源：互联网

各位大虾，关于jQuery UI.tabs的使用方面，问点问题。
我的网页有点长，tab页在下方。每次点击tab的时候，动作没有问题，就是每次滚动条都回跑到网页的上方，
我还得手动的滚下来。嘿嘿~
可我看jQuery UI官方网站上那个demo的tab点击的时候，页面也没动啊。
请高手指教指教！

以下是代码：
复制代码
  1. <link type="text/css" href="css/themes/base/ui.all.css" rel="stylesheet" />
  2. <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  3. <script type="text/javascript" src="js/ui.core.js"></script>
  4. <script type="text/javascript" src="js/ui.tabs.js"></script>
  5. <script type="text/javascript">
  6. <!--
  7. $(function () {
  8.     // tabs
  9.     $("div.tabs").tabs({
  10.         collapsible: false
  11.      }).bind('tabsshow', function (event, ui) {
  12.          $(ui.panel).hide().fadeIn(1000); //这地方有了点效果。：）
  13.          $(ui.tab).hide().fadeIn(1000);
  14.      });
  15. });
  16. //-->
  17. </script>
  18. <dody>
  19.   <div style="width: 200px; height: 500px;">
  20.         HHHH
  21.   </div>
  22.   <div class="tabs">
  23.     <ul>
  24.       <li><a href="#tabs-1">Nunc tincidunt</a></li>
  25.       <li><a href="#tabs-2">Proin dolor</a></li>
  26.       <li><a href="#tabs-3">Aenean lacinia</a></li>
  27.     </ul>
  28.     <div id="tabs-1">
  29.       <p>OOOOOOO</p>
  30.     </div>
  31.     <div id="tabs-2">
  32.       <p>CCCC</p>
  33.     </div>
  34.     <div id="tabs-3">
  35.       <p>
  36.         XXXX
  37.        </p>
  38.        <p>JJJJ</p>
  39.     </div>
  40.   </div>
  41. </body>
[ 此帖被marven在2009-09-06 11:01重新编辑 ]

作者: marven   发布时间: 2009-09-04

<a href="#tabs-1">Nunc tincidunt</a>
#tabs-1是必须要用的吗?
如果是就没有办法
如果不是的话就不要用#改其它方式实现

作者: jamix   发布时间: 2009-09-05

引用
引用第1楼jamix于2009-09-05 11:17发表的  :
<a href="#tabs-1">Nunc tincidunt</a>
#tabs-1是必须要用的吗?
如果是就没有办法
如果不是的话就不要用#改其它方式实现


非常感谢，不是这个问题，后来我发现了，是Effect处理的问题。
把那个当点击tab页的时候的效果处理给去掉就没问题了。
很可能是先hide()再fadeIn()搞的，虽然不清楚根源在哪里。

作者: marven   发布时间: 2009-09-06

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net