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 минут
Во всех браузерах пропадает картинка при наведении.

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

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

	JQuery не работает в Google Chrome и Mozilla Firefox 14.01.2012, 16:17. Показов 7611. Ответов 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