jQuery 选项卡插件

时间:2021-12-01 19:29:50

 

 

 

             选项卡在页面中的使用非常广泛,因为以选项卡的形式可以实现使用少量的空间展示更多内容的效果。同时,其快速切换的效果,也增加了用户的体验。在jQuery UI中,通过在页面中导入tabs插件,并调用插件中的tabs()方法直接针对列表生成对应菜单,轻松实现这种选项卡的功能。

 tabs的常见参数如下:

 collapsible  是否可折叠选项卡的内容,设置一个布尔值。如果为true,那么,允许用户可折叠选项卡的内容,即首次单击打开,再单击关闭,默认值为false

   disabled  设置不可用选项卡,如{disabled:[1,2]},表示选项卡中,第1、第2项不可用

   event  设置触发切换选项卡的事件,默认值为click,也可以设置为mousemove.

   fx          设置切换选项卡时的一些动画效果

   selected  设置被选中选项卡的index,  selected:2  : 表示第2项被选中。