Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Проблема с show()/hide() (https://javascript.ru/forum/misc/16415-problema-s-show-hide.html)

monolithed 09.04.2011 13:59

Цитата:

Сообщение от Matre
при каждом callback'-е анимации.

интересно даже, что и добавление в complited остановки анимации не работает:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('div').hover(function() {
        var p = $('p');
        p.animate({height: 'toggle'}, 100, false, function() {
            p.stop();
        });
    });
});
</script>
<style type="text/css"> 
p { 
    background: red; 
    display: none;
    width: 100px; 
    height: 100px; 
} 
</style>
<div>text</div>
<p></p>

monolithed 10.04.2011 21:19

Кому интерестно, вот самое элегантное решение этой проблемы:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('div').hover(function() {
    *!*
       $('p').stop(1, 1).animate({
    */!*
            height: 'toggle',
        }, {
           *!*queue: false,*/!*
            duration: 500
        });
    });
});
</script>
<style type="text/css">
p {
    background: red;
    display: none;
    width: 100px;
    height: 100px;
}
</style>
<div>text</div>
<p></p>


Эта техника актуальна и для других библиотек, в частности для MooTools

Matre 11.04.2011 04:37

monolithed, если быстро провести мышкой, параграф начинает дёргаться.

monolithed 11.04.2011 08:34

Цитата:

Сообщение от Matre
если быстро провести мышкой, параграф начинает дёргаться.

это здесь какой-то баг, тут тест

Matre 11.04.2011 11:16

monolithed, всё равно. Opera 11.00. Параграф то мигает, то дёргается.


Часовой пояс GMT +3, время: 02:56.