JQuery не работает в Google Chrome и Mozilla Firefox

@Success · Регистрация: 08.07.2008

Студворк — интернет-сервис помощи студентам

jquery нормально работает в Эксплорре и Опере, и не работает в Mozilla Firefox и Google Chrom
Причем как-то выборочно. Слайдеры - это Jquery UI - они работают.
При наведении на окно должна появляться створка. Реализовано через jquery функцию css()

http://bestwindows.kh.ua/index.php/many.html

Vovan-VE · 15.01.2012, 06:56

Success, Нормально работает. Только где-то кто-то иногда хочет обратиться к урлу /templates/the_best_choice/css/images/ui-bg_glass_75_9193b4_1x400.png , которого нет.

@Success · 15.01.2012, 15:28 **[ТС]**

Если б нормально работал - не создавал бы темы.
Проблема именно на Mozilla и GoogleChrom. Нормально код:

JavaScript
1
2
3
4
5
6
7
$('#td1').mouseover(function(){
    if($('#OneMars').css('background-image')=='url("http://www.bestwindows.kh.ua/images/pictures/1_gl.jpg")'&& $('#forOne').attr('value')=='gl')
      {
      $('#OneMars').fadeOut($sec, function() {
        $(this).css('background-image','url("http://www.bestwindows.kh.ua/images/pictures/1_prav.jpg")').fadeIn($sec); }); 
      }
 });

работает в Эксплорере и Опере.

Vovan-VE · 15.01.2012, 15:38

Success, Кто ж так делает. Выведите значение, которое выдаёт $('#OneMars').css('background-image') . Наверняка, разные браузеры его по-разному выдают.

@Success · 15.01.2012, 16:05 **[ТС]**

Возможно причина именно в этом.
Сейчас проверю.
Как правильно прописать?

Добавлено через 6 минут
Мистика.
Добавил alert("HELLO"); при наведении на одинарное окно. В Mozilla заработало. Отчего раньше не работало - непонятно.
Но в GoogleChrom попрежнему не работает.

Vovan-VE · 15.01.2012, 16:06

Сообщение от Success

Как правильно прописать?

С помощью .addClass(), .removeClass(), .hasClass() и .toggleClass() переключать классы, а в стилях прописать классам нужные свойства.

@Success · 16.01.2012, 04:02 **[ТС]**

Нет. Проблема не в классах.
Проблема в том, что GoogleChrom видит $('#OneMars').css('background-image') так:
url(http://www.bestwindows.kh.ua/i... s/1_gl.jpg) - без кавычек внутри скобок.
Все же остальные браузеры: IE, Opera, Mozilla видят этот атрибут так: url("http://www.bestwindows.kh.ua/images/pictures/1_gl.jpg") - с кавычками внутри скобок, как прописано в условии в скрипте.

Добавлено через 26 минут
Подхожу к решению проблемы.
А проблема именно в том, что только GoogleChrom интерпритирует $('#OneMars').css('background-image') как url(http://www.bestwindows.kh.ua/i... s/1_gl.jpg) - без кавычек внутри скобок. Все другие браузеры - с кавычками.
Но теперь вопрос.
Как прописать условие, чтобы было понятно и для GoogleChroma в том числе?
Сейчас условие выглядит так:

JavaScript
1
if($('#OneMars').css('background-image')=='url("http://www.bestwindows.kh.ua/images/pictures/1_gl.jpg")')

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

Добавлено через 1 час 4 минуты
Или css прописать универсально для всех браузеров.
Сейчас так:

Code
1
2
3
4
5
6
7
#OneMars
{
    width: 93px;
    height: 193px;
    background-image: url("[URL]http://www.bestwindows.kh.ua/images/pictures/1_gl.jpg[/URL]");
    background-repeat: no-repeat;
}

Или в условии использовать String.indexOf()
но я пока не знаю как.

Добавлено через 1 час 2 минуты
Решение найдено.
if($('#OneMars').css('background-image').indexOf("1_gl.jpg")!=-1)

Добавлено через 8 часов 33 минуты
Теперь чудесить начинает Эксплорер.
Во всех браузерах все работает как нужно: при наведении на окно - картинка меняется.
Только в одном лишь IE картинка при наведении мыши пропадает.
http://www.bestwindows.kh.ua/index.php/many.html
В чем может быть проблема?

Добавлено через 13 минут
Только в Opera и IE картинка при наведении мыши пропадает.

Код такой:

Code
1
2
3
4
5
6
7
$('#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("[URL="http://localhost/bestwindows/images/pictures/1_prav.jpg&quot;)').fadeIn($sec"]http://localhost/bestwindows/images/pictures/1_prav.jpg")').fadeIn($sec[/URL]); }); 
      }
});

Добавлено через 20 минут
Во всех браузерах пропадает картинка при наведении.

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Success 0 / 0 / 0 Регистрация: 08.07.2008 Сообщений: 17

	JQuery не работает в Google Chrome и Mozilla Firefox 14.01.2012, 16:17. Показов 7526. Ответов 6 Метки нет (Все метки) jquery нормально работает в Эксплорре и Опере, и не работает в Mozilla Firefox и Google Chrom Причем как-то выборочно. Слайдеры - это Jquery UI - они работают. При наведении на окно должна появляться створка. Реализовано через jquery функцию css() http://bestwindows.kh.ua/index.php/many.html 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	15.01.2012, 06:56
	Success, Нормально работает. Только где-то кто-то иногда хочет обратиться к урлу /templates/the_best_choice/css/images/ui-bg_glass_75_9193b4_1x400.png , которого нет. 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	15.01.2012, 15:38
	Success, Кто ж так делает. Выведите значение, которое выдаёт $('#OneMars').css('background-image') . Наверняка, разные браузеры его по-разному выдают. 0

@Success 0 / 0 / 0 Регистрация: 08.07.2008 Сообщений: 17
	15.01.2012, 16:05 [ТС]
	Возможно причина именно в этом. Сейчас проверю. Как правильно прописать? Добавлено через 6 минут Мистика. Добавил alert("HELLO"); при наведении на одинарное окно. В Mozilla заработало. Отчего раньше не работало - непонятно. Но в GoogleChrom попрежнему не работает. 0