TR background-image исчезает при смене background-image на TD, используя jQuery - PullRequest
Новая
       22

TR background-image исчезает при смене background-image на TD, используя jQuery

2 голосов
/ 15 марта 2012

У меня есть таблица с фоновым изображением на моем TR.В одном из моих TD я хочу изменить динамическое фоновое изображение с помощью jQuery.

Для изменения фонового изображения TD я использую этот код: 

var dynImage = "imageOfMinMormor.png";
$(".tr .td").css("backgroundImage", "url("+dynImage+")");

Он работает в Firefox, Safari, Chrome и IE 8 <.Но в IE7 фоновое изображение исчезает на TR. </p>

Есть ли взломы IE7?

/ Morten

Ответы [ 2 ]

0 голосов
/ 13 мая 2012

Я считаю, что ваш селектор jquery недействителен для вашего случая.Тот, который вы используете: 

$(".tr .td")

Он выбирает все элементы, у которых атрибут класса установлен на "td", а их родители должны иметь свои атрибуты на "tr", например: 

<div class="tr">
    <div class="td">
        Text
    </div>
</div>

И то, что вы хотите сделать, это использовать селектор вот так: 

$("tr td")

Чтобы выбрать все элементы td в строках таблицы.

Вот пример

0 голосов
/ 13 мая 2012

Вы передавали имена селекторов, а не имена тегов в селектор: 

$("tr td").css("backgroundImage", "url("+dynImage+")");

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

...