Slyweb
На разработку сайта! Скидки 50%!

juery не работает в Google Chrom и Mozilla Firefox

Вы можете задавать любые вопросы по jQuery.

juery не работает в Google Chrom и Mozilla Firefox

Сообщение AlexM » 14 янв 2012, 16:30

jquery нормально работает в Эксплорре и Опере, и не работает в Mozilla Firefox и Google Chrom
Причем как-то выборочно. Слайдеры - это Jquery UI - они работают.
При наведении на окно должна появляться створка. Реализовано через jquery функцию css()
Последний раз редактировалось AlexM 22 янв 2012, 13:42, всего редактировалось 1 раз.
AlexM
 
Сообщения: 14
Зарегистрирован: 28 дек 2011, 02:15

Re: juery не работает в Google Chrom и Mozilla Firefox

Сообщение admin » 14 янв 2012, 21:51

Вы проверяете

Код: Выделить всё
if($('#TwoMars').css('background-image')=='url("http://www.bestwindows.kh.ua/images/pictures/2_gl.jpg")'


но этот css(кавычки) в браузерах по разному, иногда их нет, например в chrome, поэтому и не работает:

Код: Выделить всё
url(http://www.bestwindows.kh.ua/images/pictures/2_gl.jpg)


проверяйте по другому, это не правильно проверять по отдельному свойству, нужно менять класс элемента, а css указать разные background-image...
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: juery не работает в Google Chrom и Mozilla Firefox

Сообщение AlexM » 15 янв 2012, 18:11

Да, проблема именно браузере GoogleChrom - в том, как он интерпретирует параметр.
Если убрать кавычки в скобках (перед http и после .jpg) - то это событие будет наступать для GoogleChrom, но для других браузеров - нет.
Сейчас же, с кавычками, для всех браузеров понятно, кроме GoogleChrome.
Но как прописать именно это условие (css - url), понятное для всех браузеров, в том числе и для GoogleChrom?

Или css прописать универсально для всех браузеров.
Сейчас так:
Код: Выделить всё
#OneMars
{
    width: 93px;
    height: 193px;
    background-image: url("http://www.bestwindows.kh.ua/images/pictures/1_gl.jpg");
    background-repeat: no-repeat;
}

Или в условии использовать String.indexOf()
но я пока не знаю как.
AlexM
 
Сообщения: 14
Зарегистрирован: 28 дек 2011, 02:15

Re: juery не работает в Google Chrom и Mozilla Firefox

Сообщение AlexM » 15 янв 2012, 19:53

Решение найдено.
if($('#OneMars').css('background-image').indexOf("1_gl.jpg")!=-1)
AlexM
 
Сообщения: 14
Зарегистрирован: 28 дек 2011, 02:15

Re: juery не работает в Google Chrom и Mozilla Firefox

Сообщение AlexM » 16 янв 2012, 04:25

Теперь при наведении картинка пропадает.
Во всех браузерах.
Код такой:
Код: Выделить всё
$('#td1').mouseover(function(){
    if($('#OneMars').css('background-image').indexOf("1_gl.jpg")!=-1&& $('#forOne').attr('value')=='gl')
      {
      $('#OneMars').fadeOut($sec, function() {
        $(this).css('background-image','url("http://localhost/bestwindows/images/pictures/1_prav.jpg")').fadeIn($sec); });
      }

});

В чем может быть проблема?


"localhost" - вот причина
AlexM
 
Сообщения: 14
Зарегистрирован: 28 дек 2011, 02:15


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron