Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Возможно ли сделать имитацию hover? (https://javascript.ru/forum/jquery/42646-vozmozhno-li-sdelat-imitaciyu-hover.html)

cha0s 04.11.2013 14:08

Возможно ли сделать имитацию hover?
 
Мне надо сделать например я навожу мышь на $('#myId'), а hover выполнялся бы у другого например $('#myId2')... как сделать такое? короче как сделать фальшивый hover, я навожу на один элемент а hover выполнялся бы у другого...

вот пример

http://jsfiddle.net/8LdXj/6/

Когда я навожу на картинку(черную область) мне надо чтоб срабатывало такое-же событие буд-то я навожу на блок ниже(на серую область) если навести срабатывает расширенная информация... как такое сделать?;)) или я какую-ту ерунду (как обычно) говорю:D

enotikc 04.11.2013 15:43

это ли имеется в виду?
 
http://jsfiddle.net/FmcGq/

cha0s 04.11.2013 16:09

Нуу я думал может есть какой-то более простой способ hovera;) я сделал так http://jsfiddle.net/8LdXj/8/ , по простому, теперь задача состоит в том у меня таких списков много с такими-же классами, надо конкретно выполнять только для того где hover сработал



а то у меня
function () {
    $('.row_name_hidden').attr("style", 'display:none;');
    $('.row_name_i').attr("style", '');
  }


а таких классов целая куча)))) над типа только для $(this).$('.row_name_hidden') ;> мне человек помогал тут, это должно реализоваться опять с помощью parent или parentNode, просто там винегрет у меня в htmle)), ковыряюсь) но приятно что и новички тоже отвечают;)

Syabrowka 04.11.2013 18:17

вам вероятно нужно вызвать событие hover у элемента, расположенного рядом?

что-то типа такого?
$(".row_img").hover(
function(){$(this).siblings(".row_name").children(".row_name_i").mouseover()},
function(){$(this).siblings(".row_name").children(".row_name_i").mouseout()}
)

cha0s 05.11.2013 13:32

Не работает этот вариант что-то;), как тут ввести $(this), не меняя htmla и css, в данном примере он естественно махом обращается ко всех классам, мне надо узнать там где hover произошел получить его родителя <ul class="myul2"> то что именно там был hover, хотя таких списков с такими классами у меня много, тут только надо разбирать DOM схему? и юзать parenti и т.д?

http://jsfiddle.net/8LdXj/10/

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

Чтоб не путать что-то в этом стиле

$(".myul2").hover(
  function () {
    $(this).siblings('.row_name_i').attr("style", 'position:relative; margin-top:-161px; height:218px; background:gray;');
    $(this).siblings('.row_name_hidden').attr("style", '');
    
  },
  function () {
    $(this).siblings('.row_name_hidden').attr("style", 'display:none;');
    $(this).siblings('.row_name_i').attr("style", '');
  }
);

То есть мы знаем где именно был hover и нам надо то что внутри его childi классы только именно их менять, но не работает:( короче просто $('.row_name_i') нельзя юзает так как классы они повторяются... какую функцию хотяб юзать над подскажите?)

cha0s 05.11.2013 14:20

Все разобрался сам мне надо было вот что

$(this).find();


Обратиться только к тому что внутри родителя(в контейнере) находиться:) тема закрыта! всем спасибо кто помогал!


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