在asp.net mvc 2.0中mouseover時顯示圖像

Question

我有四個操作鏈接與employeeid.when用戶單擊操作鏈接它顯示員工的詳細信息。 現在我想在鼠標懸停在操作鏈接上時顯示員工圖像。 任何人都可以告訴如何在asp.net mvc 2.0中實現這一點。

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#employeeid').hover(function(){ 
    var id=$('#employeeid').val(); 
    alert(id); 
    $('#images').attr('src',$(this).attr('id')); 
    //$("#images").attr("src", "/Home/ShowEmployeeImage/" + id); 
    $('#images').show(); 
}, 
function(){ 
    $('#images').hide(); 
}); 

}) 
}); 
</script> 

在此先感謝。

Answer 1

您的代碼中有一個額外的});，在第二個處理程序之後，您的.hover()刪除了它，它應該可以工作。

但是爲了使所有工作都能長期運行，我建議稍微改變一下你的代碼。

，而不是.attr()你應該使用.prop()

$(document).ready(function() { 
    $('#employeeid').hover(function(){ 
    var id=$('#employeeid').val(); 
    alert(id); 
    $('#images').prop('src', id); 
    //$("#images").prop("src", "/Home/ShowEmployeeImage/" + id); 
    $('#images').show(); 
    }, function(){ 
    $('#images').hide(); 
    }); 
}); 

下面是使用隨機數據，但您展示如何使用他們的jsfiddle：http://jsfiddle.net/bzzzJ/2/