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

У меня есть простая функция, которая работает во всех браузерах, кроме 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/

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

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

Спасибо.

Лиам.


jquery internet-explorer-7 addclass
person Liam O'Toole    schedule 09.12.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

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

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

person Jake Feasel    schedule 09.12.2011
comment
Джейк Физел - Ваш ответ был правильным. Проблема заключалась в том, что у меня было несколько идентификаторов как для миниатюры, так и для основного изображения. Я сохранил идентификатор на миниатюре в качестве селектора, а затем просто преобразовал основное изображение в класс, и все сработало нормально. Спасибо за вашу помощь. - person Liam O'Toole; 23.12.2011

arrow_upward
1
arrow_downward

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

        $('.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: 'гг/мм/дд',

person Manjula    schedule 09.12.2011
comment
Очень вероятно, что это проблема. У меня были проблемы с IE 7 и конечными запятыми. Хороший улов! - person Jake Feasel; 10.12.2011