JQuery Cycle не работает в IE, Safari или мобильных браузерах. Работает в FF и Chrome

Question

Я пытался запустить это через валидатор w3c и не могу найти свою ошибку.Я надеюсь, что некоторые дополнительные глаза могут понять, что я делаю неправильно.

JQuery

$(function() { 
$('#play').click(function() { $('#slides').cycle('toggle'); return false; });   

$('#slides').cycle({ 
    fx:    'none',
prev:  '#prev',
next:  '#next', 
    speed: '1000', 
    timeout: 2000 
}); 

$('#slides').cycle('pause');

$('.pause').toggle(
  function() {
    $('#pausectrl').attr({src: 'images/pause1.png', class: 'paused'});
  },
  function() {
    $('#pausectrl').attr({src: 'images/play1.png', class: 'playing'});
  }
);

$('.playing').live("mouseover", function() {
  $(this).attr('src','images/play2.png');
});

$('.playing').live("mouseout", function(){
  $(this).attr('src','images/play1.png');
});

$('.paused').live("mouseover", function() {
  $(this).attr('src','images/pause2.png');
});

$('.paused').live("mouseout", function(){
  $(this).attr('src','images/pause1.png');
}); });

Вы можете просмотреть страницу здесь Образец слайд-шоу MMA

Answer 1

Для Internet Explorer вы должны добавить кавычки к идентификатору "класса".

Измените class на "class", и это должно работать;)

Пример: $('#pausectrl').attr({src: 'images/play1.png', class: 'playing'}); становится $('#pausectrl').attr({src: 'images/play1.png', "class": 'playing'});