让JQuery Tabs在Postback之后能保持TabIndex状态 (转)

未进行测试

转自http://203.208.39.132/search?q=cache:6PuFmj5-3jYJ:www.luyuliang.com/%3Ftid%3D39+jquery+tab+ajax%E4%BF%9D%E6%8C%81%E9%A1%B5%E9%9D%A2%E7%8A%B6%E6%80%81&cd=5&hl=zh-CN&ct=clnk&gl=cn&client=aff-maxthon&st_usg=ALhdy2-sB5zRhYqiBnWXOVkporXmSkRnRQ

J

Query UI中有一个很好用的Tabs Widgets，在定义了一组Tab的Header和Content，很容易地就可以得到TabSheet的效果。

<script type="text/javascript">
    $(function(){
        $('#tabs').tabs();
    });
</script>

但是每次Postback之后，页面总是会默认显示第一个tab，非常不方便。
查看了一下jquery-ui-1.7.2.custom.js，原来Tabs是使用了Cookies来存储Tab的Index，所以，我们可以增加jquery.cookie.js文件来使用cookie保持状态。

<script type="text/javascript" src="../js/jquery.cookie.js"></script>
<script type="text/javascript">
    $(function(){
        $('#tabs').tabs({ cookie: { expires: 30 } });
    });
</script>