Форум PHP программистов > Цикличная активность

[ Поиск ] - [ Пользователи ] - [ Календарь ]

RCuPeR

15.01.2012 - 20:33

Добрый день. Столкнулся со следующей проблемой.
Есть 2 элемента: баттон и див который всплывает при наведении на баттон.
Так вот, если очень быстро наводить на баттон, див появляется/скрывается еще некоторое время после отвода фокуса на баттон. Это не очень хорошо.
Кто-то знает, эту проблему возможно избежать ?

Спустя 2 минуты, 22 секунды (15.01.2012 - 19:35) Игорь_Vasinsky написал(а):

создай parseIt переменную = 0, при загрузки скрипта, при каждом наведении увеличивай на 1 - экшен вешай относительно того чётная или не чётная эта переменная.

Спустя 16 минут, 45 секунд (15.01.2012 - 19:52) RCuPeR написал(а):

Цитата (Игорь_Vasinsky @ 15.01.2012 - 16:35)

Может, я не до конца понял, но, по-моему, проблему это не решит, а уменьшить в 2 раза.

Спустя 1 минута, 27 секунд (15.01.2012 - 19:53) Игорь_Vasinsky написал(а):

дай код чтоб наглядней посмотреть, я видимо не достаточно въехал в суть вопроса

Спустя 9 минут, 22 секунды (15.01.2012 - 20:03) Игорь_Vasinsky написал(а):

<input type="button" value="i am a button, hover me!" onmouseover="show()" onmouseout="hide()"/>
<div id="div" style="display: none;">This is the hidden div!</div>

<script type="text/javascript">
    function show()
    {
        document.getElementById('div').style.display = 'block';
    }

    function hide()
    {
        document.getElementById('div').style.display = 'none';
    }    
</script>

отлично работает

Спустя 7 минут, 25 секунд (15.01.2012 - 20:10) redreem написал(а):

используй

$(<element>).hover(
function() {
//тут ховер-действия
},

function() {
//тут не ховер-действия
}
);

это известная проблема с ховером. в jQuery она решена.

Спустя 2 минуты, 18 секунд (15.01.2012 - 20:12) RCuPeR написал(а):

Сейчас под рукой нету того кода о котором говорю.

Что-то типа этого:

<input type="button" value="i am a button, hover me!" id="button" />
<div id="div" style="display: none;">This is the hidden div!</div>

$('#button').hover(function(){
    $('#div').ccs('display', 'block');
}, function(){
    $('#div').ccs('display', 'none');
});

Спустя 55 секунд (15.01.2012 - 20:13) RCuPeR написал(а):

redreem, это использую.
Не подскажешь, с какой версии JQ проблема решена ?

Спустя 4 минуты, 32 секунды (15.01.2012 - 20:18) Игорь_Vasinsky написал(а):

нафига вешать на страницу JQ когда можно чистым JS всё сделать...даже если он уже подключён для чего либо ещё.

Спустя 3 минуты, 7 секунд (15.01.2012 - 20:21) RCuPeR написал(а):

Цитата (Игорь_Vasinsky @ 15.01.2012 - 17:18)

нафига вешать на страницу JQ когда можно чистым JS всё сделать...даже если он уже подключён для чего либо ещё.

А "нафига" придумали JQ ?
В моем примере 10% того кода который работает при этом ховере.
С чистым JS это займет на много больше места.

Не в этом суть.

Спустя 7 минут, 14 секунд (15.01.2012 - 20:28) redreem написал(а):

покажи полную страницу кода. я с 1.44 этой проблемы уже не видел.

Спустя 20 часов, 48 минут, 32 секунды (16.01.2012 - 17:17) RCuPeR написал(а):

Сделал как Игорь советовал.

        var bIn = 1;
	var bOut = 1;
        
        if( bIn == 1 ){
            $("#display_user_for_feed_1324").hover(function()
            {
		if ( bIn == 1 )
		{
                    bIb = 0;
                    $("#list_like_user_1324").fadeIn(1000, function(){ bIn = 1; });
		}
            },
            function()
            {
                if ( bOut == 1 )
		{
                    bOut = 0;
                    $("#list_like_user_1324").fadeOut(1000, function(){ bOut = 1; });
		}
            });
        }

Спустя 28 минут, 50 секунд (16.01.2012 - 17:45) Игорь_Vasinsky написал(а):

и... работает?

Спустя 1 час, 12 минут, 29 секунд (16.01.2012 - 18:58) RCuPeR написал(а):

Цитата (Игорь_Vasinsky @ 16.01.2012 - 14:45)

и... работает?

Да

Ну, вот тот код который вверху - работает.
Скоро сольем проект на предпродакшин - покажу.

_____________
Гнусный социопат с комплексом Бога.

Быстрый ответ:

Здесь расположена полная версия этой страницы.