自定义引导滑块指示器链接

时间:2016-11-10 21:56:40

标签: javascript jquery html twitter-bootstrap

我已将我的bootstrap carousel指示符链接更改为链接到页面的图像切片。我有一些javascript可以更改磁贴悬停时的滑块,当点击磁贴时,它会带你到一个新的页面。

更改我的悬停(工作正常)

$("#carousel-custom .carousel-indicators li").hover(function(){
  var goto = Number( $(this).attr('data-slide-to') );
  $("#carousel-custom").carousel(goto);
});

要更改我有的页面

$("#carousel-custom .carousel-indicators li").click(function(){
  var url = $('.getLink').attr('href');
  window.location = url;
});

目前这只是重定向回主页而不是链接中的新页面。标签的html是

<a href="/venue-hire/test" class="getLink"></a>

1 个答案:

答案 0 :(得分:0)

已修复 - 正在引用第一张幻灯片

$("#carousel-custom .carousel-indicators li").click(function(){
  var url = $(this).find('a').attr('href');
  window.location = url;
});