在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/