JQuery скрипт работает только в Firefox

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

Я пытался воспроизвести ваш код. Создана простая 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 2

Jquery был спроектирован так, чтобы быть кросс-браузерным, что делает его намного проще для разработчиков!

Я вижу, что скрипт, вероятно, является внутренним на вашей странице.зависимые скрипты загружаются правильно?

Также есть ли у вас какой-то браузерный код?Вдоль строк, если browser = IE, используйте часть этого кода.Это может конфликтовать с другими частями кода на вашей странице.

Кроме этого, убедитесь, что вы, конечно, используете тот же файл, а не более старую версию (я делал это раньше!)

Answer 3

Это как-то связано с пробелами в ваших утверждениях? Например, вместо

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

возможно, попробуйте

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

И так далее для вашего кода? Просто мысль!