bootstrap轮播-幻灯片项目的外部链接
bootstrap轮播-幻灯片项目的外部链接
我需要在一个轮播图中提供直接链接幻灯片。我尝试实现这个解决方案，但没有成功。我需要像\"wwww.domain.com/index.html#slide20\"这样的URL可以直接打开幻灯片。\n我有一个包含59个项目的轮播图，希望能够在其中任何一个项目中打开...从外部网页...\n是否有可能进行任何javascript配置？\n应该使用这些id标签之一吗？\n
...
问题的出现原因是在Bootstrap轮播组件中，点击外部链接无法直接跳转到指定的轮播项。解决方法是为轮播组件添加一个ID或类，并使用相应的代码来实现跳转到指定的轮播项。
解决方法的代码如下：
$(document).ready(function() {
$("#myCarousel").carousel(window.location.hash.substr(6) - 1);
});
这段代码的作用是获取链接中的#slide后面的值。window.location.hash返回的是#slide20，但我们只需要其中的数字20。我们需要从第7个字符开始，而且要注意索引是从0开始计数的，所以使用`substr(6)`来截取所需的数字。然后将这个数字减去1，因为Bootstrap的轮播组件也是从索引0开始计数，所以第一个轮播项应该是slide1。
尽管这段代码未经测试，但根据Bootstrap的代码，它应该能够正常工作。