问题描述
|
我在单个页面上使用了两个Coda 2滑块,并且在Firefox和IE 7,8,9上都可以正常使用。但是我无法弄清楚为什么其中一个滑块不能在Chrome中工作而另一个滑块可以工作
您可以在http://www.rafimmedia.com/siddiq/上查看实时站点。由于我没有使用过任何PHP,因此您可以很好地检查源代码和CSS。
我什至交叉检查了语法和所有内容,但无法找出任何问题。试图使用firebug,甚至js都没有显示任何错误。
解决方法
您需要添加rel属性链接,以启动第二组滑块。转到此页面:http://www.ndoherty.biz/demos/coda-slider/2.0/#3并查看示例#3。
您的第一组链接和第二组链接应分别包含rel = \“ coda-slider-1 \”和rel = \“ coda-slider-2 \”。
另外,您需要确保链接具有一个类属性,该类属性的值为\“ xtrig \”,以指示它们是交叉链接(再次检查上述示例)。
,尝试这个
<script>
$(document).ready(function ($) {
$(\'div#slider1\').codaSlider({
autoSlide:true,autoHeight:false
});
});
</script>