2013-07-15 5 views
0

Не уверен, что для поиска проблемы понадобится мой html и/или css, но я вызывал эффект отскока на изображениях при щелчке и полностью менял свое положение на перед/во время отскока. Не знаете, почему это так? У меня есть:jQuery - эффект отскока без изменения положения объекта на экране

$('img').click(function() { 
     $(this).effect('bounce', {times:3}, 300); 
}); 

С изображениями справа от других дивы (включая входы) и прыгайте на нижней середине экрана для их подпрыгивая

редактировать: здесь jsFiddle: http://jsfiddle.net/ep6wG/1/ (изображения должны уступов)

+0

Что вы хотите сказать? – Raptor

+0

Можете ли вы поместить этот код в 'jsFiddle' или что-то подобное, чтобы увидеть проблему? –

+0

А хорошая идея забыла об этом! http://jsfiddle.net/ep6wG/ Редактировать: извините, здесь есть ссылка http://jsfiddle.net/ep6wG/1/ – Instinct

ответ

1

Проверить это DEMO http://jsfiddle.net/yeyene/nmy3V/

Вы можете установить CSS, как это.

#content { 
    float:left; 
    width:100%; 
    margin:100px 0 0 0; 
    background:red; 
} 
#content img { 
    position:absolute; 
    width:100px; 
    height:120px; 
} 
#content input { 
    float:left; 
    margin:50px 0 0 120px; 
} 
#content div { 
    float:left; 
    margin:100px 0 0 10px; 
} 
+0

Хмм, я использую поплавки/поля в своем CSS, но не позиции, могут ли это повлиять на это ? Забыл изначально добавить мой jsFiddle: http://jsfiddle.net/ep6wG/1/ – Instinct

+1

Да, если вы не используете позицию для объекта bounce, макет будет действовать. Используйте float/margin как обычно, но объект bounce, попытайтесь использовать положение, как в моем примере. – yeyene

+0

О, ладно, спасибо, и он, видимо, все еще может испортиться в позиции: относительный, так что вам нужно использовать абсолютное? – Instinct