jQuery намиране на hover-нат елемент

[Avalanche]

Здравейте,

имам един div таг с няколко снимки. Също така съм направил и един див таг, който да се появява на десен клик (помощно меню) и от това меню викам по име функции, които от своя страна трябва да извършват определена операция (в моя случай въртене на снимката). Проблема е че нещо не мога да хвана точния елемент, над който е активирано помощното меню и вместо това всичките ми елементи се завъртат едновременно:

Код: Javascript

1. function rotateLeft() {
2.     jQuery('#contextMenu').hover(function() {
3.         var element = jQuery('#elements img').focus(function(){
4.             return jQuery(this).id;
5.         });                    
6.         element.css({
7.            '-moz-transform' : 'rotate(90deg)'
8.         });                    
9.     })                
10. }

Не знам дали най-правилния вариант е да викам функцията по име, я налейте малко акъл.

[pikefisher]

Не съм сигурен, но май this отговаря за #contextMenu, а не за #elements img и май в това е проблема, но все пак се допитай до по-разбиращите да не те заблудя нещо  .

[Pitankata]

не съм много сигурен в това какво ще кажа но нъл тряя съм на сяка манжа мерудията та ша са обада ;о)
пробвай така да върнеш текущото ид ...

Код: Javascript

1. return $(this).attr('id');

мое па ида стане знам ли ;о)

[MrCroZer]

Връщай вместо.

Код: Javascript

1. return jQuery(this).id;

Върни си директно обекта.

Код: Javascript

1. return jQuery(this);

А ако го искаш по ID, ще стане така.

Код: Javascript

1. function rotateLeft() {
2.     jQuery('#contextMenu').hover(function() {
3.         var element = jQuery('#elements img').focus(function(){
4.             return jQuery(this).attr('id');
5.         });                    
6.         $('#'+element).css({
7.            '-moz-transform' : 'rotate(90deg)'
8.         });                    
9.     })                
10. }

[Avalanche]

@MrCroZer С второто не става, връща NULL и ми се сгърчва браузъра. С първото предложение, както и това на Питанката ефекта е същия - пак се въртят всичките снимки. Мисля, че с jQuery('#elements img').focus хващам абсолютно всички снимки, май трябва да преусмисля цялата структура и логика на функцията...

[MrCroZer]

Може би нямаш ID за това ти връще NULL

Код: Javascript

1. function rotateLeft() {
2.     jQuery('#contextMenu').hover(function() {
3.         jQuery('#elements img').focus(function(){                
4.              $(this).css({
5.                   '-moz-transform' : 'rotate(90deg)'
6.               });
7.         });                        
8.     })                
9. }

Защо не го направиш директно така ?

[Avalanche]

Определено имам такова.

[HD]

Покажи и html кода отнасящ се до нещото, което искаш да направиш.

[Avalanche]

Покажи и html кода отнасящ се до нещото, което искаш да направиш.

Код: HTML

1. <div id="elements">
2.     <img id="dragEl1" src="img/1.jpg" alt="" />
3.     <img id="dragEl2" src="img/2.jpg" alt="" />
4.     <img id="dragEl3" src="img/3.jpg" alt="" />
5.     <img id="dragEl4" src="img/4.jpg" alt="" />
6.     <img id="dragEl5" src="img/5.jpg" alt="" />
7.     <img id="dragEl6" src="img/6.jpg" alt="" />
8.     <img id="dragEl7" src="img/7.jpg" alt="" />
9. </div>
10.  
11.  
12. <div id="contextMenu" oncontextmenu="return false">
13.     <ul>
14.         <li><a href="javascript:rotateLeft();">завърти надясно</a></li>
15.         <li><a href="javascript:rotateRight();">завърти наляво</a></li>
16.         <li><a href="javascript:lock();">заключи</a></li>
17.     </ul>
18. </div>

contextMenu е с по-голям z-index, появява се точно както би се появил при десен клик на десктопа.

[MrCroZer]

Всъшност защо ползваш focus ? Я пробвай с mouseenter, mouseover

[Pitankata]

а ако си държиш на фокуса метни едно очо на това
http://www.tequilafish.com/2007/12/04/jquery-how-to-get-the-id-of-your-current-object/

//офф що тъй мий сложен тва жаваскрипта ....

[Avalanche]

И с hover, и mouseover, и с всичките такива си е все тая, преди това се мъчех с тях.
Реших проблема като се отказах от тоя event когато мишката е отгоре, разкарах context menu-то и го оставих моментално да се завърта когато се кликне с десния бутон на мишката.

[MrCroZer]

ОК, но я пробвай с delegate , мисля че ще се получи.

[HanKrum]

Адаш, "слушай" за натиснат десен бутон и при натискане генерирай контектното меню с JS(jQ) и задай като параметър на функциите дето ги викаш id-то на натиснатия елемент.

[Avalanche]

Имам чувството, че с delegate ще стане същата история, то взимах id, ама не беше само едно. Хане, за това с предаването на id-то като параметър не го бях обмислил, просто не бях свързал двете функции - евентуално може да стане.

Мъдрих го един ден, просто вече не ми се занимава. Пък и мисля, че е много по-лесно потребителя да натисне няколко пъти десния бутон, отколкото да избира от контекстно меню накъде да върти. Ако се съберат повече функции към конкретните снимки, които най-добре да се сложат като контекстно меню, тогава бих се мъчил отново.