首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >禁用引导带3旋转木马上的键盘

禁用引导带3旋转木马上的键盘
EN

Stack Overflow用户
提问于 2014-08-15 22:32:23
回答 1查看 1.3K关注 0票数 1

问题:

我正在建一个图片库,我需要把缩略图分页。因此,我将所有的缩略图放在一个旋转木马中,通过单击箭头更改页面。到现在为止还好。

我需要能够通过键盘箭头通过缩略图。问题是旋转木马本身有一个keydown绑定。因此,如果我单击箭头,页面会发生变化,但是如果按下键盘箭头,就会触发旋转木马的keydown,这是我不想看到的。

问题:

是否有一种方法可以禁用旋转木马keydown,而不需要修改bootstrap.js?因为我是通过CDN使用它的。

carousel.js中,我发现了以下内容:

代码语言:javascript
运行
复制
...
var Carousel = function (element, options) {
    this.$element    = $(element).on('keydown.bs.carousel', $.proxy(this.keydown, this))
...
Carousel.prototype.keydown = function (e) {
    switch (e.which) {
      case 37: this.prev(); break
      case 39: this.next(); break
      default: return
    }

    e.preventDefault()
}

但我不知道怎么推翻它。我试过$('.carousel').off('keydown');$('.carousel').off('keydown.bs.carousel');,但什么也没发生。

我给您留了一个简化的缩略图版本,让您试试:JSFiddle

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-27 03:18:10

$.fn.carousel.Constructor.prototype.keydown=function(){};….carousel()之前为我做了这个把戏。

引导3.2.0

jQuery 1.11.1

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25335138

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档