Javascript jquery脚本只能在firefox中使用

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

我正在使用这个jquery脚本在.jpg之间创建一个小幻灯片。问题是它只在firefox上工作,不在safari上工作,不在chrome上工作,不在opera上工作。。。有什么想法吗

<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');