jquery live hover çalışmıyor

Question

Mouseover ve mouseout nedeniyle IE'deki bazı açılır kapanma sorununa rastladım. Bu nedenle, agax'tan dinamik olarak veriyi saklamak ve gezinmek için kodunu değiştirdim.

Ancak aşağıdaki kod çalışmıyor, ayrıca en son jquery'yi aldım.

Aşağıdaki kod hatasız ama kesinlikle @ Patrick çözümüyle ile gitmek, IE6 desteğini gerekmiyorsa

$('.cs-rec').live("hover", 
     function() {  
     $(this).find('.cs-title').css('text-decoration','underline'); 
     }, 
     function() { 
     $(this).find('.cs-title').css('text-decoration','none'); 
     } 
    ); 

Answer 1

çalışmıyor idam oluyor. Eğer bunu destekleyecek var varsa

:

$('.cs-rec').live("mouseenter", function() {  
    $(this).find('.cs-title').css('text-decoration','underline'); 
}).live("mouseleave", function() { 
    $(this).find('.cs-title').css('text-decoration','none'); 
}); 

Veya (henüz dokümanlarında olmasa da) jQuery 1.4 içinde: böyle bölmek gerek .live() no 2 yöntem aşırı yüklenme var .3+ böyle bir harita alabilir: Bunun için CSS kullanmayın bir neden

$('.cs-rec').live({ 
    mouseenter: function() {  
    $(this).find('.cs-title').css('text-decoration','underline'); 
    }, 
    mouseleave: function() { 
    $(this).find('.cs-title').css('text-decoration','none'); 
    } 
}); 

Answer 2

var mı? IE6 çalışmayacak, ancak çoğu diğerleri olacak.

.cs-red .cs-title { 
    text-decoration: none; 
} 
.cs-red:hover .cs-title { 
    text-decoration: underline; 
} 

DÜZENLEME: o bahsettiğin navigasyon alanı olup olmadığını tam genişliğine genişletilir her <li> içinde bir <a> sahip olması için aşağıdaki işaretlemeyi ayarlamak olabilir, sitenize baktığımızda ve <li>'un yüksekliği.

Bu şekilde, IE6 desteklenebilir ('un <a> ürününe yerleştirilmesi).

Answer 3

seyretmeye bağlanması mümkündür, ancak zor:

jQuery'nin olarak

vurgulu olay (eşleme da, mouseover eşlenmiş, ve MouseLeave, MouseEnter için belirtilebilir 1.4.1 ve mouseout).

Olay türüne göre (aynı zamanda jQuery dokümanlar alınan kod örneği) davranışını dönebilir ve tek yöntemi kullanmak ve gereken:

$('.hoverme').live('hover', function(event) { 
    if (event.type == 'mouseenter') { 
     // do something on mouseover 
    } else { 
     // do something on mouseout 
    } 
}); 

Answer 4

bu doğrudur ...

$("#your_div_id").live('mouseover',function(){ 

    $(this).find(".child_div").css('background-color','#111111'); 

}).live('mouseout',function(){ 

    $(this).find(".child_div").css('background-color','#757575'); 
}); 

Answer 5

$('.edit_hover').live('hover', function(event) { 
    if (event.type == 'mouseenter') { 
    // first function here 
    } else { 
    // second function here 
    } 
});