javascript - Bootstrap 3 键盘对默认键盘事件没有反应

标签 javascript jquery twitter-bootstrap-3 keyboard

根据文档, /javascript/#carousel

键盘 bool 值 true

当我尝试演示时(使用默认设置)

http://getbootstrap.com/examples/carousel/

注意:(Mac 10.9.5、Safari 7.1.3、Firefox 36.0.1)

Safari, 似乎永远不会响应键盘事件。

火狐浏览器 有时可以工作,但是当它确实工作时,如果我单击屏幕底部,它将忽略 future 的键盘事件。

我尝试过使用:

$(document).ready(function(){

 $("#myCarousel").carousel({

     interval : false,

     pause: true,

     keyboard: true

 });

});

这似乎也没有帮助。

有什么建议吗? - 谢谢,

更新

我的 Github 问题已结束并有解释... https://github.com/twbs/bootstrap/issues/16164

最佳答案

this answer中给出的代码与您的 demo 完美配合 只需在文档的最后添加此代码即可:

<script>
$(document).bind('keyup', function(e) {
    if(e.which == 39){
        $('.carousel').carousel('next');
    }
    else if(e.which == 37){
        $('.carousel').carousel('prev');
    }
});
</script>

关于javascript - Bootstrap 3 键盘对默认键盘事件没有反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29279751/

相关文章:

javascript - 如何只为当前用户公开字段?

jquery - 如果容器具有特定元素,则更改容器的宽度

html - Bootstrap : A blank column which isn't in code, 但它在网格中

html - 如何使用 Bootstrap 3.0 在移动视口(viewport)上居中 "btn-group btn-group-justified"

javascript - 如何将 javascript 文件传递​​给浏览器并使其使用它?

javascript - 如何在react.js中单击按钮时读取按钮中的值字段

javascript - 如何在 javascript 中将样式属性重置为其 CSS 默认值?

javascript - 通过 Javascript/jQuery 接收到的字节数和图像的总字节数

javascript - HTML 将 Chrome 中的工具提示加倍

javascript - 将附加(自定义)参数传递给 Bootstrap 模式