Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Наведение мишы

Автор: neoks 28.10.2011, 17:10

Я знаю что это уже обсуждалось где то, Но я не знаю как правильно сформировать вопрос.

Есть html код.

Код


<div>
 <div>
 class
 </div>
</div>

И jquery функция.

Код


$('div').hover(function(){
        $(this).addClass('active')
    },function(){
        $(this).removeClass('active');
    });

Так вот, класс применяется ко всем дивам, мне нужно применить тока к последниму который находится внутри div
То есть так:

Код


<div> Применить класс при наведение
 <div> Применить класс только к этому элементу, все что было до него не трогать.

Автор: $дмитрий 28.10.2011, 17:17

Цитата

применить тока к последниму который находится внутри div

В данном случаи можно так

Код


$('div div').hover(function(){
        $(this).addClass('active')
    },function(){
        $(this).removeClass('active');
    });

Автор: neoks 28.10.2011, 17:20

Можно и так, но это я кинул для наглядности, а что если их там сотни smile

Автор: $дмитрий 28.10.2011, 17:46

Лови

Код


$('div div:last').hover(function(){
        $(this).addClass('active')
    },function(){
        $(this).removeClass('active');
    });

Автор: neoks 28.10.2011, 19:15

Как бы так объяснить, представим что есть body и div, div растянут на весь экран.

Код


<body>
 <div style="position:absolute;left:0;top:0;width:100%;height:100%">
 </div>
</body>

Код


test = $(":visible").not("body, html");
test.hover(function(){
        $(this).addClass('active')
    },function(){
        $(this).removeClass('active');
    });

Что произойдет, если навести курсор на страницу, то этот класс применяться к body и div, вот и вся загвоздка, такого не должно быть, класс должен применяться только к div, ведь div перекрыл элемент body.

А теперь представим что в body есть еше один div который не растянут на весь экран, так вот при наведение на него курсора должен применяться класс только к нему.
Вроде объяснил, раньше видел что та подобное но не помню где и как это называется.

Автор: ksnk 28.10.2011, 19:37

neoks, Ну тогда нужно как-то отличать один див, к которому не стоит применять выделение, от другого дива, которым нужно поморгать. Класс, например к ним присобачить характерный. Ну и селектор нужный сделать

Код


$('div.hovered div:last')...

Автор: neoks 29.10.2011, 10:46

Все разобрался, подсказали сделать через bind.
Кому интересно вот скриптек.

Код


       var test = $(":visible").not("body, html"); // тут для всех видимых элементов
    
        
        test.bind('mouseover',function(event){
            if (event.target==this)
            $(this).addClass('active')
        })
        test.bind('mouseout',function(event){
            if (event.target==this)
            $(this).removeClass('active');
        })