Javascript 推特引导转盘直接链接到特定幻灯片

我在我的网站上使用twitter引导旋转木马来显示一组图像。我想知道是否可以允许链接到旋转木马中的特定幻灯片。因此，在10张幻灯片中，用户可以单击链接直接从href链接转到幻灯片5

这是可能的引导转盘或我吠错了树

编辑

您好，我在document.ready函数下的javascript中添加了以下内容

var url = window.location.href;
var slide = url.substring(url.lastIndexOf('/')+1); // 4

// Remove the trailing slash if necessary
if( slide.indexOf("/") > -1 ) { 
    var slideRmvSlash = slide.replace('/','');
    slide = parseInt(slideRmvSlash);
}
goToSlide(slide);

但是，键入url

www.example.com/models.php/5

没有任何作用。
我做错什么了吗

var url = window.location.href;
var slide = url.substring(url.lastIndexOf('/')+1); // 4
goToSlide(slide);

function goToSlide(number) {
    $("#MyCarousel").carousel(number);
}

---

我想你在找这个

使用数据属性可以轻松控制旋转木马的位置<代码>数据幻灯片接受关键字

prev

或

next

，这会改变相对于当前位置的幻灯片位置。或者，使用

data slide to

将原始幻灯片索引传递给旋转木马

data slide to=“2”

，从而将幻灯片位置移动到从

0

开始的特定索引

JavaScript自由之路 您可以使用它，它接受表示幻灯片编号的基于0的索引

使用数据属性可以轻松控制旋转木马的位置<代码>数据幻灯片接受关键字

prev

或

next

，这会改变相对于当前位置的幻灯片位置。或者，使用

data slide to

将原始幻灯片索引传递给旋转木马

data slide to=“2”

，从而将幻灯片位置移动到从

0

开始的特定索引

只需在锚点上添加一个属性，就可以开始了

<a href="#" data-slide-to="5">Go to slide #5</a>

然后，只需在链接上添加一个onClick事件

<a href="#" onClick="javascript:goToSlide(5);">Go to slide #5</a>

---

在Seçkin的回答之后，我不得不执行两个小字符串操作，以使我的

幻灯片

字符串可用。这两个mod允许

goToSlide

正确解析外部链接

从url中删除尾部斜杠。（我的网站的web服务器插入斜杠。）

转换为整数

var slideInt = parseInt(slideRmvSlash);

从那以后它工作得很好

goToSlide(slideInt)

---

那么这将如何实施呢。例如，如果用户从外部站点单击href链接（如www.example.com/models.php/4）上的链接，该链接将链接到旋转木马上的幻灯片4？我对如何实现这一点感到困惑。谢谢，我已经更新了我的问题，它仍然不起作用。我做错了什么吗？+1但有一点需要注意：最好使用像

这样不引人注目的标记，然后用js编写处理程序，比如

$（“[data slide]”）

@moonwave99谢谢，请随意编辑答案以进一步改进！虽然我同意@moonwave99（可惜他没有改进答案，至少现在还没有），尽管使用了

：对于
a href
，我们可以只使用
data slide=“next”
，或者在本例中使用
data slide=2
，而不需要进一步的javascript。开始了。嘿，我很高兴我能帮上忙！我也在更新我的答案。谢谢你，乔纳斯，我也在把这个添加到我的答案中。
var slideInt = parseInt(slideRmvSlash);

goToSlide(slideInt)