繁体   English   中英

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

[英]Custom bootstrap slider indicator links

我将引导程序轮播指示器链接更改为链接到页面的图像图块。 我有一些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;
});

当前,这只是重定向回到主页,而不是从链接重定向到新页面。 a标签的html是

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM