JQuery addClass функция завершается ошибкой в ​​IE7 для элемента TD - PullRequest
Новая
       23

JQuery addClass функция завершается ошибкой в ​​IE7 для элемента TD

1 голос
/ 18 июля 2010

Для следующего HTML: 

<td class="width2 padLeft" id="loading_45">&nbsp;</td>

следующий JQuery: 

$('#loading_45').addClass('loading');

Со следующим определением CSS: 

td.loading
{
    background-image:url("../images/icon_loading_circle.gif");
    background-position:left center;
    background-repeat:no-repeat;
    height:auto; 
    position:absolute;
    text-align:center;
}

не вызывает появления фонового изображения в IE7 (отлично работает в FF)

Кто-нибудь имеет представление о том, что я делаю неправильно?

Как отметил Пойнти, проблема в том, что в css позиция: абсолютная; определение должно быть удалено Спасибо всем за быстрый ответ

Ответы [ 2 ]

1 голос
/ 18 июля 2010

Я уверен, что addClass является работающим , поскольку он добавляет класс к элементу, если (как отмечает @Gaby) вы делаете это в нужное время.Так как это работает в Firefox, вы, вероятно, так.

Я подозреваю, что проблема может заключаться просто в том, что ваша таблица стилей выводит из себя IE7.Помещение «position: absolute» в ячейку таблицы может вызвать проблемы, как, например, отображение ячейки таблицы в совершенно неправильном месте.Когда я пытаюсь это сделать, ячейки таблицы всегда отображаются в верхнем левом углу страницы, даже если таблица стилей не указывает «верх» или «влево».

Попробуйте протестировать страницу с этим классом.закодируйте в ячейку таблицы и посмотрите, что получится.

0 голосов
/ 18 июля 2010

убедитесь, что код запускается после загрузки DOM, используя 

$(function(){
   $('#loading_45').addClass('loading');
});

или 

$(document).ready(function(){
   $('#loading_45').addClass('loading');
});

Также убедитесь, что элементы имеют ширину / высоту, которые будут соответствовать фоновому изображению.

Демо: http://www.jsfiddle.net/9PZZB/2/

...