jquery - display images when mouseover in asp.net mvc 2.0

Question

i have four action link with employeeid.when user clicks the action link it shows the employee details. now i want to display employee image when mouse over the action link. can anyone tell how to implement this in 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>

Thanks in advance.

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/