Twitter Bootstrap Carousel - 访问当前索引

2024-01-03

如何从轮播中获取当前索引?

在本例中,我使用的是无序列表。我知道我可以搜索列表项以找到具有“活动”CSS 类的项,但我想知道是否可以直接询问轮播对象。

另外:能够访问目标索引(在“幻灯片”事件上)也会很方便。同样,我可以通过搜索来做到这一点:

var idx = $('.carousel-inner li.active').index();

...然后根据方向添加/减去,但我希望有更干净的东西。


不要在当前幻灯片中添加和减去,而是在“幻灯片”事件上尝试此操作:

$('.carousel').on('slide',function(e){
    var slideFrom = $(this).find('.active').index();
    var slideTo = $(e.relatedTarget).index();
    console.log(slideFrom+' => '+slideTo);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Twitter Bootstrap Carousel - 访问当前索引 的相关文章

  • 从数据 URI 解码 QR 码

    我尝试从数据 uri 中解码二维码 var dataUri data image gif base64 R0lGODdh9gD2AIAAAAAAAP ywAAAAA9gD2AAAC decodeQrCode dataUri cb 我已经尝试
  • 不和谐机器人 |不和谐.js |类型错误:无法读取未定义的属性“长度”

    我正在制作一个 Discord 机器人 并且正在使用 CodeLyon 的视频作为参考 该错误位于我的 message js 文件中 该文件包含以下内容 require dotenv config create cooldowns map
  • 解析“流”JSON

    我在浏览器中有一个网格 我想通过 JSON 将数据行发送到网格 但浏览器应该在接收到 JSON 时不断解析它 并在解析时将行添加到网格中 换句话说 在接收到整个 JSON 对象后 不应将行全部添加到网格中 应该在接收到行时将其添加到网格中
  • 如何重定向到 instagram://user?username={username}

    我的 html 页面上有这个链接 可以在特定用户上打开 Instagram 应用程序 a href Link to Instagram Profile a 我一直在寻找自动运行 url instagram user username USE
  • 如何重置使用 JavaScript 更改的 CSS 属性?

    我的导航按钮的宽度从 100px 增加到 150px 当鼠标悬停在 nav li hover width 150px 但是使用 javascript 我已经做到了 无论选择哪个选项 宽度都将继续为 150px 当选择每个选项时 它会使其他选
  • 使用 JavaScript 使链接保持活动状态并在单击时显示悬停效果

    I am struggling to make this work I d like to make it where if O F is clicked the hover state stays active if another li
  • 如何抑制窗口鼠标滚轮滚动...?

    我正在开发嵌入页面中的画布应用程序 我有它 因此您可以使用鼠标滚轮放大绘图 但不幸的是 这会滚动页面 因为它是文章的一部分 当我在 dom 元素上滚动鼠标滚轮时 是否可以阻止鼠标滚轮在窗口上滚动 附加鼠标滚轮 不是 Gecko DOMMou
  • Javascript正则表达式用于字母字符和空格? [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我需要一个
  • 从未用 @flow 标记的导入文件中获取类型定义

    TL DR我怎么告诉flow从未声明的导入模块导入类型定义 flow 加长版 流接缝能够从不使用流语法的文件中派生类型 请参阅示例 示例文件 flow js if Math random lt 0 5 var y hello else va
  • 为什么是 javascript:history.go(-1);无法在移动设备上工作?

    首先 一些背景 我有一个向用户呈现搜索页面 html 表单 的应用程序 填写标准并单击 搜索 按钮后 结果将显示在标准部分下方 在结果列表中 您可以通过单击将您带到新页面的链接来查看单个结果的详细信息 在详细信息页面中 我添加了一个 返回结
  • 标签获取 href 值

    我有以下 html div class threeimages a img alt Australia src Images Services 20button tcm7 9688 gif a div class text h2 a hre
  • 在requestAnimationFrame中使用clearRect不显示动画

    我正在尝试在 HTML5 画布上做一个简单的 javascript 动画 现在我的画布是分层的 这样当我收到鼠标事件时 背景层不会改变 但带有头像的顶层会移动 如果我使用 requestAnimationFrame 并且不清除屏幕 我会看到
  • Jquery/Javascript 上传和下载文件,无需后端

    是否可以在没有后端服务器的情况下在 JavaScript 函数中下载和上传文件 我需要导出和导入由 JavaScript 函数生成的 XML 我想创建按钮 保存 xml 来保存文件 但我不知道是否可行 另一方面 我希望将 XML 文件直接上
  • 跟踪用户何时点击浏览器上的后退按钮

    是否可以检测用户何时单击浏览器的后退按钮 我有一个 Ajax 应用程序 如果我可以检测到用户何时单击后退按钮 我可以显示适当的数据 任何使用 PHP JavaScript 的解决方案都是优选的 任何语言的解决方案都可以 只需要我可以翻译成
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • Firefox 书签探索未超过 Javascript 的第一级

    我已经编写了一些代码来探索我的 Firefox 书签 但我只获得了第一级书签 即我没有获得文件夹中的链接 e g 搜索引擎 雅虎网站 谷歌网站 在此示例中 我只能访问 Search engines 和 google com 不能访问 yah
  • 模块构建失败(来自 ./node_modules/babel-loader/lib/index.js)Vue Js

    我从 GitHub 下载了一个我和我的朋友正在开发的项目 但是当我尝试运行时 npm run serve 我收到这个错误 src main js 中的错误 Module build failed from node modules babe
  • Javascript 纪元时间(以天为单位)

    我需要以天为单位的纪元时间 迄今为止 我已经看到过有关如何翻译它的帖子 但几天后就没有了 我对纪元时间很不好 我怎么能得到这个 我需要以天为单位的纪元时间 我将解释为您想要自纪元以来的天数 纪元本身是第 0 天 或第 1 天的开始 无论您如
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • 导致回发到与弹出窗口不同的页面

    我有一个主页和一个详细信息页面 详细信息页面是从主页调用的 JavaScript 弹出窗口 当单击详细信息页面上的 保存 按钮时 我希望主页 刷新 是否有一种方法可以调用主页的回发 同时还可以从详细信息页面维护保存回发 Edit 使用win

随机推荐

  • 通过 AlamofireImage 下载 UIImage? [复制]

    这个问题在这里已经有答案了 我有一个 URL 想通过返回函数下载图像 但是我无法让它正常配合 这是我的函数 func getTabImage url URL gt UIImage Alamofire request url response
  • 为多个客户端运行 Magento - 单个安装与多个安装

    我希望为多个客户端设置 Magento 社区版 安装 并且已经研究了几天这个问题 我可以看到企业版中有我需要的东西 但令人惊讶的是我不愿意支付每年 12 000 美元的订阅费用 似乎有一些选项可供选择 但我担心我将从各种选项中获得的性能 选
  • 删除 TensorFlow 图中除少数节点之外的所有节点

    我的 TensorFlow 用例要求我为每个需要处理的实例构建一个新的计算图 这最终会增加内存需求 除了少数几个tf Variables这些是模型参数 我想删除所有其他节点 其他有类似问题的人也发现了tf reset default gra
  • 如何在 Windows 中使用正则表达式匹配行尾

    我在 Windows 中创建了一个 txt 文件 现在应该在 Linux 中进行编辑 我想用 grep 匹配行尾 假设我要在文件中找到的行的内容是 foo bar bar 然后我发出命令grep r bar 但没有产生任何输出 在 Wind
  • 多线程 COMObject 和 UI 线程 (C#)

    这是我在这里发表的第一篇文章 因为实际上我通常用很棒的方法解决我所有的问题 您可以在这里找到邮政数据库 但我现在实际上陷入困境 我正在开发一个遵循 MVVM 的项目 其中包括一个 COM 对象 正如我在研究过程中所读到的那样 我了解到 CO
  • 具有多个代理的 Ember CLI

    问题 我有一个 Ember CLI 应用程序 它将使用多个 API 我需要在开发模式下代理这些 API 背景 我有一个遗留的 api 它在以下位置公开服务 api在我的本地开发机器上运行localhost 3000 我有一个新的 api 它
  • 申请家庭内如何分配?

    我有包含多个因素的 data frame 我想重命名所有这些因素的因素级别 例如 mydf lt data frame col1 as factor c A A NA NA col2 as factor c A NA NA A mydf l
  • 不同 Modelica 仿真环境之间有什么区别?

    有不同的 Modelica 仿真环境 包括 Dymola Wolfram SystemModeler OpenModelica 和 Jmodelica 所以 我尝试加载热流体库 ThermoSysProhttps github com Dw
  • 为什么命名元组使用的内存比字典少?

    我问这个是因为我觉得这很令人惊讶 我想namedtuple会有更多的开销 背景是我在内存中缓存了一个大型 Django 查询 发现 Django 对象的大小是 values 然后我想知道什么开销namedtuple对象的版本将是 允许我仍然
  • 从一个 SQS 触发器触发多个 lambda 函数

    我不确定我是否正确理解 AWS Lambda SQS 触发器 我是否可以将其配置为一个 SQS 队列可以根据消息正文或消息属性触发不同的 lambda 函数 我的用例 我有三个不同的 lambda 函数 processCricket pro
  • java.lang.RuntimeException:运行命令获取文件权限时出错:ExitCodeException exitCode=-1073741515

    问题的标题是我在 Windows 10 上安装 Hadoop 2 9 1 时遇到的异常 经过几周的研究 我无法找到我的标题查询的答案 根据我收到的异常 hadoop 进程正在数据目录中查找权限 但我已经在管理员模式下运行 dfs cmd 和
  • 涉及前一行数据的 Python 向量化运算

    我很好地掌握了如何利用 pandas 和 numpy 对整个数据列进行矢量化操作 然而 我遇到了一种我似乎无法矢量化的情况 当计算涉及利用前一行的值来计算当前行时 我必须退回到 for 循环 是否可以对这种事情进行矢量化 这是我的意思的一个
  • MySQL 更改表修改列在具有空值的行处失败

    我有一个大约有 10K 行的表 我正在尝试更改该表 以便该字段fielddelimiter永远不会为空 我正在尝试执行 alter 语句 期望将任何 null 值更改为默认值 但我从 sql 语句中收到错误 alter table merc
  • AJAX 无法在本地主机上运行

    我正在尝试让 AJAX 示例正常工作 但无法使其正常工作 你能在 XAMPP 上正常运行吗 我有三个文件 message txt index html ajaxtest js 当您单击超链接时 它应该会弹出一个包含 message txt
  • 通过 REST API 列出 Azure 虚拟机

    我当前正在尝试以编程方式获取在 Windows Azure 订阅下运行的所有虚拟机的列表 为此 我尝试使用 Azure REST API https management core windows net https management
  • 如何向 PHP 表单添加删除按钮以从 MySQL 表中删除行

    我已将 MySQL 表的结果输出到 HTML 表 在最后一列中 我想添加一个删除选项 该选项调用另一个表单并从 MySQL 表中删除用户 但我似乎无法让它发挥作用 这是我的结果页面代码 table thead thead table
  • 如何使用 Twilio 暖转电话会议?

    我已阅读有关呼叫转接的 Twilio 文档twilio文档 https www twilio com docs voice api conference resource 堆栈溢出 https stackoverflow com quest
  • Bootstrap 弹出框的 Angular 指令

    我为引导弹出窗口编写了自定义指令 但遇到了一些麻烦 这是代码 angular module CommandCenterApp directive bzPopover function compile http commandHelper r
  • Android:ImageView 放大源图像

    我似乎无法让 ImageView 以原始大小显示其源图像 ImageView 看起来像这样
  • Twitter Bootstrap Carousel - 访问当前索引

    如何从轮播中获取当前索引 在本例中 我使用的是无序列表 我知道我可以搜索列表项以找到具有 活动 CSS 类的项 但我想知道是否可以直接询问轮播对象 另外 能够访问目标索引 在 幻灯片 事件上 也会很方便 同样 我可以通过搜索来做到这一点 v