VPF::Наведение мишы - Форум программистов

neoks

Дата 28.10.2011, 17:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 425
Регистрация: 5.7.2010

Репутация: нет
Всего: 1

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

Есть 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 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 2
Всего: 45

Цитата

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

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

Код


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

neoks

Дата 28.10.2011, 17:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 425
Регистрация: 5.7.2010

Репутация: нет
Всего: 1

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

$дмитрий

Дата 28.10.2011, 17:46 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 2
Всего: 45

Лови

Код


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

neoks

Дата 28.10.2011, 19:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 425
Регистрация: 5.7.2010

Репутация: нет
Всего: 1

Как бы так объяснить, представим что есть 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 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

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

Код


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

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

neoks

Дата 29.10.2011, 10:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 425
Регистрация: 5.7.2010

Репутация: нет
Всего: 1

Все разобрался, подсказали сделать через 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');
        })

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »