Javascript 带固定项目位置的引导旋转木马中的旋转木马标题链接?
我正在为Wordpress主页实现一个全屏引导旋转木马,其中幻灯片是背景图像,设置为背景大小:封面。图像还需要从一张淡入下一张,每张幻灯片都包含一个单独的标题,这是指向网站另一部分的单独链接 但是,由于我必须将.item类设置为“position:fixed”,标题链接无法正常工作-尽管每个标题的文本显示正常,但只有最后一个幻灯片标题链接工作,其他标题链接在其下“隐藏”,因此每个标题链接到同一URL,即最后一个标题的URL 有办法解决这个问题吗 谢谢 以下是HTML:Javascript 带固定项目位置的引导旋转木马中的旋转木马标题链接?,javascript,html,css,twitter-bootstrap,carousel,Javascript,Html,Css,Twitter Bootstrap,Carousel,我正在为Wordpress主页实现一个全屏引导旋转木马,其中幻灯片是背景图像,设置为背景大小:封面。图像还需要从一张淡入下一张,每张幻灯片都包含一个单独的标题,这是指向网站另一部分的单独链接 但是,由于我必须将.item类设置为“position:fixed”,标题链接无法正常工作-尽管每个标题的文本显示正常,但只有最后一个幻灯片标题链接工作,其他标题链接在其下“隐藏”,因此每个标题链接到同一URL,即最后一个标题的URL 有办法解决这个问题吗 谢谢 以下是HTML: <div id="m
<div id="myCarousel" class="carousel container slide carousel-fade">
<div class="carousel-inner">
<div class="active item one">
<div class="carousel-caption">
<h2><a href="http://www.topographicwebdesign.co.uk/work-form/category/work/#astral">Astral Pattern</a></h2>
</div>
</div>
<div class="item two">
<div class="carousel-caption">
<h2><a href="http://www.topographicwebdesign.co.uk/work-form/category/work/#shark">Imaginary Music - La Shark</a></h2>
</div>
</div>
<div class="item three">
<div class="carousel-caption">
<h2><a href="http://www.topographicwebdesign.co.uk/work-form/category/work/#troubled">Troubled Waters</a></h2>
</div>
</div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev"></a><a class="carousel-control right" href="#myCarousel" data-slide="next"> </a>
</div>
下面是Javascript:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.carousel').carousel({interval: 5000});
});
</script>
jQuery(文档).ready(函数(){
jQuery('.carousel').carousel({interval:5000});
});
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.carousel').carousel({interval: 5000});
});
</script>