You are here

Drupal Quicktabs模块的使用小技巧

g089h515r806 的头像
Submitted by g089h515r806 on 星期四, 2008-11-13 12:19

Quicktabs模块很好用,类似的还有magic tabs模块。都是用于tab切换的。使用这个模块,一是jason使用过,我看到他有一篇文章介绍使用心得,另外就是这个模块在drupalmodules.com网站的排名很高。所以我决定用它来实现tab之间的切换。

 

Quicktabs默认是使用鼠标click事件,来触动tab之间的切换的,客户提出来了需求,那就是鼠标以上就可以了。我说很简单,很好实现。确实很好实现,在quicktabs\js中的quicktabs.js文件中,有这样一行jQuery代码:

  $(this).bind('click', quicktabsClick);

把这一行jQuery代码改为

$(this).bind('mouseover', quicktabsClick);

就可以了。

 

改完以后,果然实现了客户的要求。但是客户很快就发现了一个bug,那就是不小心点击的时候页面跑到了上面。怎么办?客户说,用户点击鼠标的时候,也要差生同样的效果。实现起来也很简单。那就是两个事件都加上就可以了:

$(this).bind('click', quicktabsClick);

$(this).bind('mouseover', quicktabsClick);

测试了一下,满足了要求,而且问题也解决了。客户很满意。

 

相关链接: drupal教程 quicktabs模块教程

项目下载地址:http://drupal.org/project/quicktabs

Drupal版本: