Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.12.2011, 13:16
Аспирант
Отправить личное сообщение для Юрий Шу Посмотреть профиль Найти все сообщения от Юрий Шу
 
Регистрация: 27.05.2010
Сообщений: 42

Странное поведение в Chrome
Есть вот такой код, который выводит всплывающую подсказку при наведении на блок.
$(document).ready(function() {		
	$(".picture-item").hover(
                function () {
		                   $(this).find('.tip').delay(100).slideDown("slow");
                },
                function () {
                           $(this).find('.tip').delay(200).slideUp("fast");
                }
            );
});

<div class="picture-item">
	<div class="pic-inner"><a class="fancy" href="images/6_b.jpg"><img src="images/pic1.jpg" alt="апвап" /></a></div>
	<div class="tip">Название картины</div>
</div>

Везде все работает корректно, но в chrome и safari почему-то при срабатывании hover картинка в блоке смещается примерно на 1-2px влево. В скрипте этого не задано. Почему так происходит?

P.S. Пробовал последнюю версию библиотеки. Ситуация повторяется.

Спасибо.

Последний раз редактировалось Юрий Шу, 23.12.2011 в 13:29.
Ответить с цитированием
  #2 (permalink)  
Старый 23.12.2011, 13:55
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Юрий Шу
картинка в блоке смещается примерно на 1-2px влево. В скрипте этого не задано.
Так скрипт только показывает и прячет див. За его положение скрип не отвечает.
Сделай его видимым постоянно и посмотри как он отобразится без скрипта.
Ответить с цитированием
  #3 (permalink)  
Старый 23.12.2011, 14:11
Аспирант
Отправить личное сообщение для Юрий Шу Посмотреть профиль Найти все сообщения от Юрий Шу
 
Регистрация: 27.05.2010
Сообщений: 42

Сообщение от ksa Посмотреть сообщение
Так скрипт только показывает и прячет див. За его положение скрип не отвечает.
Сделай его видимым постоянно и посмотри как он отобразится без скрипта.
В том то и дело не отвечает, но сдвигается видимая картинка .pic-inner.
Ответить с цитированием
  #4 (permalink)  
Старый 23.12.2011, 14:21
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Юрий Шу
но сдвигается видимая картинка .pic-inner.
Охотно верю. Но ты не там ищешь...
Ответить с цитированием
  #5 (permalink)  
Старый 23.12.2011, 14:39
Аспирант
Отправить личное сообщение для Юрий Шу Посмотреть профиль Найти все сообщения от Юрий Шу
 
Регистрация: 27.05.2010
Сообщений: 42

Сообщение от ksa Посмотреть сообщение
Охотно верю. Но ты не там ищешь...
А где искать? картинка в статике вроде на месте…
Ответить с цитированием
  #6 (permalink)  
Старый 23.12.2011, 14:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Юрий Шу
А где искать?
В разметке и стилях...

Сообщение от Юрий Шу
картинка в статике вроде на месте
Так ты сделай подсказки видимыми. Сравни общую картинку "без подсказок" и "с подсказками"...
Ответить с цитированием
  #7 (permalink)  
Старый 23.12.2011, 14:54
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Как вариант сравни работу старого скрипта с этим

$(document).ready(function() {		
	$(".picture-item").hover(
                function () {
		                   $(this).find('.tip').delay(100).toggle();
                },
                function () {
                           $(this).find('.tip').delay(200).toggle();
                }
            );
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Странное поведение FINoM Общие вопросы Javascript 0 22.04.2011 21:16
Странное поведение ajax! 0931454574 AJAX и COMET 4 03.04.2011 14:57
Странное поведение... popov654 Общие вопросы Javascript 6 29.03.2011 05:14
Странное поведение переменной mycoding Серверные языки и технологии 4 14.01.2011 19:18
Странное поведение replace cooli0 Общие вопросы Javascript 4 25.01.2010 17:16