我在一个页面上使用了两个 Coda 2 Sliders,它在 Firefox 和 IE 7、8、9 上都可以正常工作。但我无法弄清楚为什么其中一个滑块在 Chrome 中不起作用,而另一个在 Chrome 中起作用
您可以在http://www.rafimmedia.com/siddiq/上查看自己的实时站点。由于我没有在里面使用任何 php,你可以很好地检查源代码和 css。
我什至交叉检查了语法和所有内容,但无法找出任何问题。尝试使用firebug,甚至js也没有显示任何错误。
我在一个页面上使用了两个 Coda 2 Sliders,它在 Firefox 和 IE 7、8、9 上都可以正常工作。但我无法弄清楚为什么其中一个滑块在 Chrome 中不起作用,而另一个在 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>