0

ユーザーがアクションリンクをクリックすると、従業員の詳細が表示されます。アクションリンクの上にマウスを置いたときに、従業員の画像を表示したいと考えています。これを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>

前もって感謝します。

4

1 に答える 1

1

コードに余分なものがあり、それを削除する});ための2番目のハンドラーの直後に.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/

于 2013-05-28T15:03:36.200 に答える