通过另一页面的链接进行Bootrap 3旋转木马滑动控件

时间:2018-08-20 06:15:12

标签: twitter-bootstrap-3

  

服务页面http://testingatenspree.com/elusmock2/service.html具有6个服务,应该转到滑块的特定服务。   我尝试了锚标记跳转,并添加了带有ID的滑块部分。这样,在单击特定服务时,应首先显示滑动的服务

1 个答案:

答案 0 :(得分:0)

您可以使用轮播索引来设置页面加载,您可以将锚标签URL作为查询字符串(如

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

然后在“所有服务”页面中,需要获取查询字符串“ slide”值,以按如下所示加载带有索引的幻灯片:

$('#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, " "));

}