问题:
我正在建一个图片库,我需要把缩略图分页。因此,我将所有的缩略图放在一个旋转木马中,通过单击箭头更改页面。到现在为止还好。
我需要能够通过键盘箭头通过缩略图。问题是旋转木马本身有一个keydown
绑定。因此,如果我单击箭头,页面会发生变化,但是如果按下键盘箭头,就会触发旋转木马的keydown
,这是我不想看到的。
问题:
是否有一种方法可以禁用旋转木马keydown
,而不需要修改bootstrap.js?因为我是通过CDN使用它的。
在carousel.js中,我发现了以下内容:
...
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。
发布于 2014-08-26 19:18:10
$.fn.carousel.Constructor.prototype.keydown=function(){};
在….carousel()
之前为我做了这个把戏。
引导3.2.0
jQuery 1.11.1
https://stackoverflow.com/questions/25335138
复制相似问题