jQuery addClass не работает в IE7

Question

У меня есть простая функция, которая работает во всех браузерах, кроме IE7.

$('.thumb-images .thumb-square span').click(function(){
    var target = $(this).attr("id");
    $('.main-images div').removeClass('selected');
    $('.main-images div#'+target).addClass('selected');
});

URL-адрес примера находится здесь: http://susyboyer.com/editorial-illustration/people/

Чтобы ограничить функциональность, миниатюры соответствуют большему изображению справа. Первому большему изображению присваивается класс выбранных. При нажатии на миниатюру выбранный класс удаляется, а затем добавляется к соответствующему большему изображению.

Если бы кто-то мог дать мне обратную связь, было бы здорово.

Спасибо.

Ли.

Answer 1

Ошибка в данной странице в следующем коде:

        $('.date-pick').datepicker({
            autoFocusNextInput: true,
            constrainInput: false,
            changeMonth: true,
            changeYear: true,
            beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
            dateFormat: 'yy/mm/dd',
        });

У вас есть нежелательное "," после значения dateFormate.

dateFormat:'уу / мм / дд' ,

Answer 2

Ну, насколько я могу судить, похоже, у вас на странице несколько элементов с одинаковым идентификатором. Я предполагаю это из-за того, как вы структурировали свой код; более простой и понятный способ структурирования вашего кода, чтобы сделать то, что вы хотите, будет следующим:

$('.thumb-images .thumb-square span').click(function(){
    $('.main-images div').removeClass('selected');
    $(this).addClass('selected');
});

Поскольку вы не сделали этого таким образом, я думаю, это потому, что у вас есть span с таким же идентификатором, как у div. Попробуйте дать им уникальные идентификаторы и вместо этого использовать какой-либо другой атрибут для их сопоставления. Наверное, поэтому IE7 подходит.