Chinaunix首页 | 论坛 | 博客
  • 博客访问: 4261428
  • 博文数量: 601
  • 博客积分: 15410
  • 博客等级: 上将
  • 技术积分: 6884
  • 用 户 组: 普通用户
  • 注册时间: 2007-05-16 08:11
个人简介

独学而无友,则孤陋而寡闻!

文章分类

全部博文(601)

文章存档

2020年(1)

2018年(4)

2017年(7)

2016年(42)

2015年(25)

2014年(15)

2013年(36)

2012年(46)

2011年(117)

2010年(148)

2009年(82)

2008年(37)

2007年(41)

分类: JavaScript

2014-08-24 08:59:51

现象:
  在FireFox或Chrome中,Nivo Slider不响应键盘,无法使用左右光标键来浏览当前幻灯片。

原因:
  好像所有webkit的浏览器都不支持

解决:
  用浏览器的key事件来代替本身的事件。在js中添加:
  1. $(window).keydown(function(e) {
  2.         switch(e.which) {
  3.             case 37:
  4.                 $('a.nivo-prevNav').click();
  5.                 break;
  6.             case 39:
  7.                 $('a.nivo-nextNav').click();
  8.                 break;
  9.         }
  10.     });
注意:最好先把slider的键盘属性设置为true(实际上也是默认值):
  1. $(function(){
  2.    $("#slider1").nivoSlider({
  3.                             keyboardNav:true
  4.                             });
  5.  });
阅读(1850) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~