Селектор jquery не работает в IE8

Question

Этот код приводит к ошибке во второй строке ($ ('boxes div.box'))

<script type="text/javascript">

    $(document).ready(function () {
        boxes = $('#boxes div.box');
        images = $('#images > div');
        boxes.each(function (idx) {
            $(this).data('image', images.eq(idx));
        }).hover(
            function () {
                boxes.removeClass('active');
                images.removeClass('active');
                $(this).addClass('active');
                $(this).data('image').addClass('active');
            });
    });

</script>

Ошибка "Объект не поддерживает это свойство или метод" .Та же страница отлично работает в Firefox и Chrome.

Кто-нибудь?

Answer 1

Вам нужно объявить переменные с помощью ключевого слова var, иначе IE не знает, откуда они берутся, и поэтому просто сломается:

var boxes = $('#boxes div.box');
var images = $('#images > div');