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

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

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

问题:

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

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

问题:

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
...
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-26 19: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

复制
相关文章
大疆被Figma禁用,请马上卸载Postman!
昨天看到大疆被UI设计工具Figma列入黑名单,再次证明科技无国界什么的都是屁话,国产软件必须在各个领域出击,才能不用看人脸色。
用户6983566
2022/04/11
5990
大疆被Figma禁用,请马上卸载Postman!
播放音乐按钮(带旋转效果)
HTML部分 <audio id="music" loop src="http://sb.sycdn.kuwo.cn/83e006b5c69684edcda2a24b44643822/5cbbda8f/resource/n3/48/26/1720584363.mp3"> 您的浏览器不支持播放 </audio> CSS部分 <style> span#music_ctrl { background: url("img/music.png"); backgrou
无道
2019/11/13
1.9K0
播放音乐按钮(带旋转效果)
input输入框 禁用移动端调起键盘事件
要禁用移动端的软键盘弹出事件,可以使用 readonly 属性或 disabled 属性来设置输入框的状态。 阻止移动设备上的软键盘弹出,同时仍然允许用户通过其他方式填充输入框。
王小婷
2023/08/26
1.7K0
WPF使用Storyboard做个带旋转特效的关闭按钮
见过迅雷7右边广告的关闭按钮,鼠标移上去的话有个旋转90度的效果,感觉挺酷的,于是用WPF也实现了一下。很简单,定义几行XAML就搞定了。WPF做这种效果还是很好使的~~
MJ.Zhou
2022/05/07
1.6K0
空木白全网VIP视频二次解析源码 (带后台)
上传源码 – 权限755以上 后台地址:域名/admin    账号  admin   密码    admin123
空木白博客
2019/02/28
14K1
空木白全网VIP视频二次解析源码 (带后台)
iOS 禁用emoji系统中文键盘输入失效
开发中很多是不允许emoji上传的,这时候我们通过编码禁用了emoji,其实暗藏风险。 在开发中我们再代理中禁用emoji。搜狗输入法没有任何问题,但是当你使用系统的中文九宫格键盘时你发现,根本点不
Raindew
2018/06/14
1.2K0
大疆被Figma禁用,请马上卸载Postman!国产软件Apipost火了!
这几天看到大疆被UI设计工具Figma列入黑名单,再次证明科技无国界什么的都是屁话,国产软件必须在各个领域出击,才能不用看人脸色。 在API管理领域,大家长期使用的是Postman,但是这终究不保险,万一哪天外国又卡脖子,我们又要手忙脚乱。好在国产Api管理软件这几年进展神速,比如Apipost,不止功能不输国外,而且在体验上,更适合中国程序员。 最近,国产API 开发调试神器Apipost又迎来了一波重大更新,Apipost 6.0 已正式上线!新版Apipost既支持 Web 版,又支持客户版,还增
纯洁的微笑
2022/03/18
4590
直播带货APP开发,圆形旋转动画
Motivational-Message-On-Mobile-At-Outdoor-Event_4zBFjrjl1iiG.jpeg import android.animation.ObjectAnimator; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import androi
yunbaokeji柯基
2020/10/22
6150
直播带货APP开发,圆形旋转动画
大疆被Figma禁用,请马上卸载Postman!国产软件Apipost火了!
这几天看到大疆被UI设计工具Figma列入黑名单,再次证明科技无国界什么的都是屁话,国产软件必须在各个领域出击,才能不用看人脸色。
帅地
2022/04/18
6980
大疆被Figma禁用,请马上卸载Postman!国产软件Apipost火了!
大疆被Figma禁用,请马上卸载Postman!国产软件Apipost火了!
这几天看到大疆被UI设计工具Figma列入黑名单,再次证明科技无国界什么的都是屁话,国产软件必须在各个领域出击,才能不用看人脸色。 在API管理领域,大家长期使用的是Postman,但是这终究不保险,万一哪天外国又卡脖子,我们又要手忙脚乱。好在国产Api管理软件这几年进展神速,比如Apipost,不止功能不输国外,而且在体验上,更适合中国程序员。 最近,国产API 开发调试神器Apipost又迎来了一波重大更新,Apipost 6.0 已正式上线!新版Apipost既支持 Web 版,又支持客户版,还增
芋道源码
2022/03/18
5190
CSS3旋转实例学习(附3D旋转实例)
我们都有在网页上见过一些交互性的效果,比如用鼠标滑向图标或是按钮的时候,图标会自动旋转一周,这就是CSS3旋转效果。在CSS3中有个常见的transform应用,transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。本文主要侧重讲解CSS3的平面旋转(2D)方法和立体旋转(3D)方法。不过既然提起transform,还是先普及一下transform属性的基本知识:
RD.Timon
2020/10/26
3.2K0
CSS3旋转实例学习(附3D旋转实例)
ionic3使用带图标带事件的toast
这个时候,如果想扩展这些功能,一是修改源码,二是自己实现,然而这两种方法都比较麻烦,比较好的解决方案是利用现有的开源代码,搜索ionic的相关组件寥寥无几,这个时候转换下思路,搜索angular的相关组件会发现有几个,经过比较后觉得ngx-toastr较为适合。它提供了在线Demo.
IT晴天
2018/08/20
3K0
ionic3使用带图标带事件的toast
CSS3模拟的iphone键盘
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用CSS3模拟的iphone键盘</title> <style type="text/css"> @font-face { font-family: 'iPhone keyboard'; src: url(http://cahty.googlecode.com/svn/trunk/css/iphone-keyboard.ttf); } body { margin:0; color:gray; font-family:Helvetica, Arial, sans-serif; } #iphone-keyboard { max-width:480px; margin:10px auto; padding:0; overflow:hidden; border-top:1px solid #3A3D42; background:#757D8A; background-image:-moz-linear-gradient(#9098A3, #454f5d); background-image:-webkit-gradient(linear, left top, left bottom, from(#9098A3), to(#454f5d)); box-shadow:0 1px 0 rgba(255,255,255,.3) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset; } #iphone-keyboard li { text-align:center; margin:.5em .1em .25em; list-style:none; } #iphone-keyboard li:first-child { margin-top:.3em; } #iphone-keyboard button, #iphone-keyboard button.specialkey:active { color:#3A3D42; text-decoration:none; text-align:center; text-shadow:0 1px 1px white; font-weight:bold; border:0; border-top:1px solid rgba(255,255,255,.45); background:#ECEDEF; background-image:-moz-linear-gradient(#f8f8f9, #dddfe1); background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1)); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); } #iphone-keyboard button { display:inline-block; width:8.6%; margin:0 .25%; padding:.02em 0 .03em; color:black; font-size:1.35em; font-family:Helvetica, Arial, sans-serif; } #iphone-keyboard button:active, #iphone-keyboard button.space:active { background-image:-moz-linear-gradient(#E2E3E4,
meteoric
2019/02/25
6050
three.js 带更新文字的旋转地球
查看旋转地球效果 主要用到几个知识点 (1)显示文字是使用了three.js 的精灵(Sprite),精灵的文字方向始终面向相机,文字是在canvas中画的,精灵的材质就是加载的带有文字的canvas function showText(){ const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); ctx.canvas.width =256; const x =0;
tianyawhl
2019/04/17
9.9K0
three.js 带更新文字的旋转地球
LFS之(3)GRUB引导设置
LFS7.5-BOOK上前面写的很好,特么到了最关键的地方就蛋疼。尼玛,写的不明白。
py3study
2020/01/14
1.3K0
搭建frida+木木模拟器运行环境
直接去官网下载. http://mumu.163.com/ 此过程省略… 下载后首先:
李玺
2021/11/22
8900
搭建frida+木木模拟器运行环境
3d 旋转(摘抄)
实现代码 <cube> <side></side> <side></side> <side></side> <side></side> <side></side> <side></side> </cube> css 代码 cube { --s: 243px; --hs: calc(var(--s) / 2); display: block; width: var(--s); height: var(--s); transform-style: preserve
我乃小神神
2020/04/24
8790
3d 旋转(摘抄)
3D旋转照片
html+css写的3D旋转图 1、html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ZXH3D旋转图</title> <link type="text/css" href="css/ZXH.css" rel="stylesheet" /> <!-- 注意引入css样式 --> </head> <body bgcolor="gray"> <div class="box"> <ul class="m
江一铭
2022/06/16
8610
好的,马上办!
随着多地都陆续确定了中小学校开学时间,腾讯收到了来自全国各地的邀约! 来自广东、江苏、湖北、贵州、上海、重庆等数十份教育局的邀请函,只为一件事,希望企业微信能为学生们的安全复学保驾护航。 上下滑动查看更多 目前,企业微信联合腾讯云、智慧校园推出了整套复学码解决方案,通过“腾讯复学码”,学生或家长可以在微信小程序内进行健康情况申报打卡,并获得相应颜色的码,返校后师生的日常晨午检数据,也将和复学码结合;同时,学校和教育部门则可以通过企业微信工作台,随时查看学生的整体打卡进度和情况。 保护
鹅老师
2020/06/10
4720
点击加载更多

相似问题

引导带3旋转木马上的幻灯片

11

引导带3旋转木马上的对中按钮

11

禁用引导带5上的旋转木马箭头

12

舍入引导带3旋转木马角

55

推特引导,在旋转木马上覆盖图像

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文