Question

我正在使用这个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>

Answer 1

Jquery被设计为跨浏览器，使开发人员更加简单！

我发现该脚本可能是您网页的内部版本，您是否尝试清除其他浏览器的缓存以确保正确加载任何相关脚本？

您是否还有任何特定于浏览器的代码？顺便说一下，如果是browser = IE，请使用这些代码。这可能与您网页上的其他代码冲突。

除此之外，请确保您当然正在运行相同的文件而不是旧版本（之前我已经这样做了！）

Answer 2

我试图重现你的代码。创建了一个简单的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（不理想，但它可以做到这一点）

<style type="text/css">
    #animation > img
    {
        display:none;
        visibility:hidden;
    }
    .show 
    {
        display: block !important;
        visibility:visible !important;
    }
</style>

然后我使用您的脚本来创建幻灯片。它适用于IE，Opera，Firefox和Safari。

问题不在于您的脚本。也许你的HTML和CSS？你能发帖吗？

Answer 3

是否与陈述中的空格有关？例如，而不是

current.hide() .removeClass('show');

也许试试

current.hide().removeClass('show');

等等你的代码？只是一个想法！

jquery脚本只能在firefox中使用

3 个答案: