Question

任何人都可以理解为什么我的旋转木马中的锚点链接无法正常工作 - 我正用这一个拉出我的头发！

轮播中的粉红色链接是可选择的 - 显示为链接目的地 - 但点击时没有任何反应！？

我尝试用Firebug改变网址 - 它不会触发任何东西 - 但如果我从OL中取出链接它会正常工作！？非常令人沮丧..任何帮助非常感谢..

Answer 1

通过查看页面的来源，我注意到您正在使用bootstrap轮播。

白色框内的链接无效的原因是因为其中包含data-target="#myCarousel"。通过开发人员工具删除，我可以点击链接。

<!-- Original snippet -->
<li data-target="#myCarousel" data-slide-to="0" class="active">
  <div class="carousel-text">
    <h2>A REBRAND AND REPOSITION FOR J.B. LEITCH SOLICITORS </h2>
    <a class="crLnk" href="jb-leitch">Find Out More</a>
    <div class="car_count"><span>1</span> / 3</div>
  </div>
</li>

<!-- Updated snippet -->
<li data-slide-to="0" class="active">
  <div class="carousel-text">
    <h2>A REBRAND AND REPOSITION FOR J.B. LEITCH SOLICITORS </h2>
    <a class="crLnk" href="jb-leitch">Find Out More</a>
    <div class="car_count"><span>1</span> / 3</div>
  </div>
</li>

Answer 2

它在bootstrap js中被javascript代码阻止。你需要找到并评论它。

这只是假设。

$(".crLnk").click(function(e){
    e.preventDefault();
});

你需要检查bootstrap carousel javascript代码。

锚链接没有开火

2 个答案: