Javascript jquery脚本只能在firefox中使用
我正在使用这个jquery脚本在.jpg之间创建一个小幻灯片。问题是它只在firefox上工作,不在safari上工作,不在chrome上工作,不在opera上工作。。。有什么想法吗Javascript jquery脚本只能在firefox中使用,javascript,jquery,cross-browser,Javascript,Jquery,Cross Browser,我正在使用这个jquery脚本在.jpg之间创建一个小幻灯片。问题是它只在firefox上工作,不在safari上工作,不在chrome上工作,不在opera上工作。。。有什么想法吗 <script type='text/javascript'> $(document).ready(function() { slideShow(); }); function slideShow(){ var current = $('#animation .show'); var next
<script type='text/javascript'>
$(document).ready(function() {
slideShow();
});
function slideShow(){
var current = $('#animation .show');
var next = current.next() .length ? current.next() : current.parent() .children(':first');
current.hide() .removeClass('show');
next.fadeIn() .addClass('show');
setTimeout(slideShow, 2000);
}
</script>
$(文档).ready(函数(){
幻灯片();
});
函数幻灯片(){
var current=$('#animation.show');
var next=current.next().length?current.next():current.parent().children(':first');
current.hide().removeClass('show');
next.fadeIn().addClass('show');
setTimeout(幻灯片放映,2000年);
}
Jquery是为跨浏览器而设计的,使开发人员更容易使用它
我看到脚本可能在您的页面上,您是否尝试清除其他浏览器的缓存以确保正确加载任何相关脚本
您是否有任何特定于浏览器的代码?如果browser=IE,请使用以下代码。这可能与页面上的其他代码冲突
除此之外,请确保您运行的当然是同一个文件,而不是旧版本(我以前做过!)我试图复制您的代码。创建了一个简单的HTML页面:
<div id="animation">
<img class="show" src="http://www.ewatching.nl/wp-content/uploads/2010/10/google_logo_3.jpg" />
<img src="http://thenextweb.com/nl/files/2010/01/google.jpg" />
<img src="http://www.descherpepen.nl/wp-content/uploads/2010/06/google.jpg" />
<img src="http://images.retecool.com/uploads/reet-google_chrome.jpg" />
</div>
使用一些css(不是很理想,但它可以做到)
#动画>img
{
显示:无;
可见性:隐藏;
}
显示
{
显示:块!重要;
可见性:可见!重要;
}
然后我用你的脚本来制作幻灯片。它适用于IE、Opera、Firefox和Safari
问题不在于你的剧本。也许你的html和css?你能把这些贴出来吗?这和你陈述中的空格有关吗?例如,代替
current.hide() .removeClass('show');
也许试试
current.hide().removeClass('show');
等等你的代码?只是一个想法 这些空间是没有必要的,我认为它们应该被删除。但是这些空间不会改变JavaScriptCool的行为,不确定不同浏览器中的不同JavaScript引擎是否以相同的方式解释了空格。感谢这个问题与我的客户端使用的CMS有关,因为某种原因,它需要代码是外部的……您的代码现在在除opera之外的所有浏览器中都能正常工作(不知道为什么)
current.hide().removeClass('show');