【问题标题】:Bootstrap 3 keyboard not reacting to default keyboard eventsBootstrap 3键盘对默认键盘事件没有反应
【发布时间】:2015-05-30 13:05:38
【问题描述】:

基于文档, /javascript/#carousel

keyboard boolean true

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

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

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

Safari, 似乎从不响应键盘事件。

火狐 有时有效,但当我点击屏幕底部时它确实有效,它将忽略未来的键盘事件。

我尝试过使用:

$(document).ready(function(){

 $("#myCarousel").carousel({

     interval : false,

     pause: true,

     keyboard: true

 });

});

这似乎也无济于事。

有什么建议吗? - 谢谢, 回复

更新

我的 Github 问题已通过解释关闭... https://github.com/twbs/bootstrap/issues/16164

【问题讨论】:

  • 你看过这个答案了吗:stackoverflow.com/a/15722372/3207406
  • 其实后面的答案更好看:stackoverflow.com/a/21412486/3207406
  • 感谢您的快速响应。我确实研究了一个小时左右......我相信这些链接适用于 Twitter Bootstrap 的第 2 版。我想使用最新 Bootstrap 3.x 的内置功能 - 正如其中一篇文章所说 * 我知道这将在下一个版本中实现,但现在我... * -

标签: javascript jquery twitter-bootstrap-3 keyboard


【解决方案1】:

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>

【讨论】:

  • 谢谢,Github 上的 Bootstrap 也回答了这个问题,并关闭了我的问题:
  • 我仍然认为,Safari 中的 Bootstrap 演示不响应键盘事件,至少对我而言。 getbootstrap.com/examples/carousel 所以需要做一些工作才能让它工作。
  • 如果你想纠正 Bootstrap 演示,我认为 StackOverflow 是讨论它的错误地方。如果您希望它在您自己的网站上运行,我认为我的回答有效。
猜你喜欢
  • 1970-01-01
  • 2012-02-10
  • 2015-08-21
  • 2011-12-05
  • 1970-01-01
  • 2023-01-25
  • 2018-07-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多