2012-04-16 2 views
0

Итак, у меня SimpleModal работает, как я хочу, кроме IE7.SimpleModal не работает в IE7

В чем проблема? Он просто не появляется вообще.

У меня есть два типа модалов.

Первый один:

$('.calendar-button').click(function (e) { 
     $('.calendar-container').modal({ 
      overlayClose: true, 
     }); 
     return false; 
    }); 

Второй один:

$('.tv-list li a').click(function (e) { 
    e.preventDefault(); 
    $('#info-' + this.id).modal(
     {onOpen: function (dialog) { 
      dialog.overlay.fadeIn('fast', function() { 
       dialog.container.slideDown('fast', function() { 
        dialog.data.fadeIn('fast'); 
       }); 
      }); 
     }, 
     overlayClose: true, 
    }); 
    return false; 
}); 

И ни один из них не кажется, работает. Для обоих окон, которые должны быть выскакивают у меня есть один и тот же базовый стиль

display:none; 

Но, ни один из них не работает в IE7. Есть предположения? Все они в документе готовы.

ответ

1

, - ваша проблема. IE7 не любит концевые запятые в объектах. Попробуйте изменить overlayClose: true, к overlayClose: true

окончательный код будет выглядеть следующим образом:

$('.calendar-button').click(function (e) { 
    $('.calendar-container').modal({ 
     overlayClose: true 
    }); 
    return false; 
}); 
+0

Это сделал. Определенно экономя это где-то, чтобы его помнили. – Dennis

+0

Также стоит помнить, что в то время как конечные запятые не разрывают массивы в IE8, они нарушают свойство length (например, '[1,2,3,]. Length == 4' истинно в IE8. Это исправлено в IE9 Если бы этот ответ помог, вы могли бы принять его? Спасибо! –

+0

Полезно знать! Я принял ответ, вы должны были быстро, поэтому мне пришлось подождать 10 минут, прежде чем я смогу это сделать. – Dennis

Смежные вопросы