Высота, проценты, анимированные задачи

Что ж, у меня есть это: http://codepen.io/seraphzz/pen/HfqBy

Хорошо, я использовал animate (); раньше, и он работал отлично. Я просто не знаю, почему этого не происходит на этот раз (это длинное изображение, которое я хочу переместить при наведении курсора)

Кроме того, я пытаюсь сделать его отзывчивым, используя проценты, но он не получит никакой высоты, если я не использую пиксели.

Ребята, вы можете мне с этим помочь? Заранее спасибо! С наилучшими пожеланиями!


person Massimo Valerio    schedule 31.05.2013    source источник
comment
Спасибо, Стано !, это отлично работает. Это попытка сделать его отзывчивым: jsfiddle.net/W6hCp/1 Я попытался создать тело и html 100% ширина и высота, но все равно ничего   -  person Massimo Valerio    schedule 01.06.2013
comment
Я сделал то же самое здесь, и это работает, я не уверен, почему, хотя lol. Он все еще в процессе: mvalerio85.herzingwebdesign.com/port   -  person Massimo Valerio    schedule 01.06.2013
comment
Спасибо, что нашли время, чтобы решить эту проблему, Стано. Я пробовал это решение jquery раньше, но оно не реагирует на 100%. Я имею в виду, что он изменяет размер окна при загрузке страницы, но если вы измените его размер, высота останется прежней. На странице, которую я разместил, я думаю, что это работает, потому что изображение идеально квадратное.   -  person Massimo Valerio    schedule 01.06.2013
comment
Это было прекрасно !. Стано, еще раз большое спасибо.   -  person Massimo Valerio    schedule 01.06.2013


Ответы (1)


Мне удалось изменить способ выбора элементов.

Вместо использования children() вот так:

$(this).children('.frame img')

Попробуйте это, выбрав .frame img в this.

$('.frame img',this)

http://codepen.io/seraphzz/pen/pfHLg

person showdev    schedule 31.05.2013
comment
Вау, спасибо большое. Я все еще изучаю это ... Я надеюсь, что когда-нибудь доберусь туда, смеется. - person Massimo Valerio; 01.06.2013
comment
Без проблем. Да, это требует некоторой практики. Я довольно часто использую эту документацию для помощи при обходе дерева: api.jquery.com / category / traversing / tree-traversal - person showdev; 03.06.2013