问题标签 [bootstrap-carousel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Bootstrap 轮播:向上滑动垂直居中的文本
我使用 和 将文本置于轮播项目display:table-cell
中vertical-align: middle
。它工作正常,但是当幻灯片更改其中的文本时,它首先显示在顶部,然后才居中。
这是我的代码 - JSFiddle
如何进一步进行?
javascript - ReactJS 监听/监视 DOM 变化
我在 ReactJS 应用程序中有一个运行良好的简单轮播。但是,我试图仅在 (hasClass) 活动的情况下呈现幻灯片的内容,否则<myComponent/>
在加载时触发 3 次。
ReactJS 中侦听 DOM (div) 更改并侦听其类更改以及何时.active
渲染内容的正确方法是什么?
代码:
非常感谢
javascript - 引导幻灯片事件在 AJAX 成功中不起作用
这是我的代码,AJAX 成功调用中的“滑动”事件。
我想在滑动事件上打印“hi”以控制台,该事件现在不起作用。
谢谢
jquery - 为什么这个引导脚本没有响应/工作?
我有一个引导滑块,当我单击控件时,它不滑动,甚至没有响应。我可以看到第一张图片,但无论我点击哪里,我都无法访问其他图片。下面的这个脚本对你有用吗?
twitter-bootstrap - Bootstrap Carousel Slider - 滑出方向(下一个和上一个)
我有 Bootstrap Carousel Slider,当他(自动)滑动到下一张幻灯片时,旧图片移到左侧,但我需要右侧的效果。有人可以帮我解决这个问题吗?
问候, 阿图尔
javascript - 在 Bootstrap Carousel 中使用图表 js
我在 Bootstrap Carousel 中的 Chart Js 有问题,它不显示,因为图表未加载,它显示为width:0px and height:0px
. 过去几个小时我一直在解决这个问题,希望你们能帮助我
这是我的 HTML:
图表 JS:
感谢您的帮助,干杯!
javascript - 我可以随特定幻灯片更改 Bootstrap Carousel 子元素的颜色和图像吗?
我想在幻灯片放映期间更改轮播下方的三个元素。指示与元素对应的特定幻灯片。
我已经完成了我的研究,但每次我尝试实现某人的代码时,它只会显示所有三个元素的开启或关闭。轮播使用 CSS 来激活 ( .active
) 一张幻灯片,就像所有三张幻灯片同时显示一样,但您只能看到前面的一张。
基本上,我每个元素有两张图片,它们相同但颜色不同,所以当一张幻灯片出现时,它应该src
用一点 js 切换到另一张图片;我已经这样做了,但它只适用于该onclick
功能,而不是自动选择幻灯片时。
顺便说一句,我的目标是让幻灯片在用户单击上一个、下一个、指示器或在间隔期间触发每个元素。我已经让它在基本的 HTML 中工作,但引导内部工作对我来说似乎很难操作。
jquery - 引导轮播:确定非活动标题的宽度
我想确定不同幻灯片标题的宽度。实际上,我认为这不是一个大问题,因为程序对我来说很清楚。尽管如此,我还是遇到了障碍。也就是说:我只能计算当前活动幻灯片的宽度。非活动幻灯片的宽度将始终为 0。有没有办法计算非活动幻灯片的宽度?这是一个演示 当手动将活动类设置为不同的项目时,将计算该项目的宽度。看看控制台。