那么,如何从下面的链接创建像这样上下投票(左侧)的图片链接? (启用了ajax链接)
<%= Ajax.ActionLink("Vote!",
"AddPictureVote",
"Vote",
new {id = Model.PictureId},
new AjaxOptions{UpdateTargetId = "addvote"})%>
答案 0 :(得分:10)
我认为这是基本的想法。您可以根据需要填写详细信息/适应您的标记和模型/操作。
$('.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' } );
});