如何在ASP.NET MVC中創建圖片鏈接？

Question

那么，如何從下面的鏈接創建像這樣上下投票（左側）的圖片鏈接？ （啟用了ajax的鏈接）

<%= Ajax.ActionLink("Vote!",
                    "AddPictureVote",
                    "Vote",
                    new {id = Model.PictureId},
                    new AjaxOptions{UpdateTargetId = "addvote"})%>

Answer 1

我認為這是基本的想法。 您可以根據需要填寫詳細信息/適應您的標記和模型/操作。

$('.upvote').click( function() {
    $(this).addClass('highlight');
    $(this).nextAll('.downvote:first').removeClass('highlight');
    $.post( '<%= Url.Action( "vote", new { id = Model.ID } %>', { vote: 'up' } );
});

$('.downvote').click( function() {
   $(this).addClass('highlight');
   $(this).prevAll('.upvote:first').removeClass('highlight');
   $.post( '<%= Url.Action( "vote", new { id = Model.ID } %>', { vote: 'down' } );
});