javascript - 有没有一种方法可以通过向 url 地址添加不同的名称来显示 Bootstrap 轮播的不同幻灯片?

标签 javascript jquery css twitter-bootstrap carousel

我正在查看 Bootstrap 轮播 slider http://startbootstrap.com/template-overviews/full-slider/我想知道是否有一种方法可以通过名称找到特定的幻灯片。至于现在,我是这样定义轮播指示器的:

<ol class="carousel-indicators carousel-indicators-orange">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" id="businessCarousel" data-slide-to="1"></li>
</ol>

当我访问 www.mydomain.com 时,我总是看到第一张幻灯片。但是有没有一种方法可以自定义它,以便当用户键入 www.mydomain.com/second 时,他将看到带有第二张幻灯片的网页?

我尝试将 name= 添加到每个轮播指示器,但没有按预期工作。感谢您提供任何线索!

最佳答案

您可以通过指定要从哪张幻灯片开始来执行此操作:

// parse the page number you want from window.location.href
$('.carousel').carousel(slideToStart);

关于javascript - 有没有一种方法可以通过向 url 地址添加不同的名称来显示 Bootstrap 轮播的不同幻灯片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38023389/

相关文章:

javascript - vuetify模板中的字体,如何更改?

javascript - 我怎么办,图像有移动?用户将拿走它并用鼠标移动它 raphael javascript

php - 这是 jQuery 的错误吗? $.post 与 $.ajax

javascript - 如何知道我是否已到达最后一个 'li' 项目

javascript - jQuery 触发器不执行自定义事件

javascript - 我的 jquery 计数器正在混合元素 - 为什么?

javascript - 如何使用模态输入中的 document.getElementById?

jquery - 当 child 被赋予绝对位置时,Bootstrap 跨度会崩溃

html - DIV 在 IE7、IE8 和 IE9 中不扩展

html - 溢出-y 的 CSS 问题