时间戳

首页 > 解决方案 > Bootrap 3轮播滑动控制通过另一个页面的链接

twitter-bootstrap-3 - Bootrap 3轮播滑动控制通过另一个页面的链接

问题描述

服务页面http://testingatenspree.com/elusmock2/service.html有 6 个服务，它应该转到滑块的特定服务。我尝试了锚标记跳转并添加了带有 id 的滑块部分。这样在单击特定服务时，该幻灯片的服务应该首先出现

标签： twitter-bootstrap-3

解决方案

您可以使用轮播索引来设置页面加载，您可以将锚标记 URL 作为查询字符串传递，例如

<a class="services-ttl-anch" href="all-services.html?slide=2"></a>

然后在所有服务页面中，您需要在加载带有索引的幻灯片时获取查询字符串“幻灯片”值，如下所示：

$('#myCarousel').carousel(parseInt(getParameterByName('slide',window.location.href)));

要获取查询字符串值，请使用以下代码：

function getParameterByName(name, url) {
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));

}

推荐阅读