2012-06-29 33 views
0

我很快意識到,在對話框中編碼jquery不像父DOC中那樣遵循相同的語法。這就是爲什麼我的代碼有.live(「鼠標懸停」...而不是.mouseover(...),並努力工作了很長時間。 我有兩個圖像並排縮小到40%,以適應內部在對話框中顯示ajax-sourced形式,每一個都有一個id,當光標移過它時,我的代碼會快速地展開每個圖像,當發生這種情況時,我想隱藏另一個圖像,並在mouseout上恢復狀態, 「T搞砸。將鼠標移出得到我的現狀,但鼠標懸停不會隱藏其他的圖像。試圖在鼠標懸停時嘗試在對話框中隱藏圖像

$('#cadovr').live('mouseover', function() { 
    $(this).css('position', 'relative').height("100%").width("100%"); 
    $('#cadet').hide(); 
    }).live('mouseout',function() { 
    $(this).css('position', 'relative').height("40%").width("40%"); 
    $('#cadet').show(); 
}); 
$('#cadet').live('mouseover', function() { 
    $(this).css('position', 'relative').height("100%").width("100%"); 
    $('#cadovr').hide(); 
    }).live('mouseout',function() { 
    $(this).css('position', 'relative').height("40%").width("40%"); 
    $('#cadovr').show(); 
}); 

而且具有任何線索,爲什麼我有一個對話框,可以使用.live?

回答

0

代替mouseover嘗試使用mouseenter

我已經看到這個工作,認爲我不知道爲什麼。

至於.live,Rab Nawaz已經說明了很好。