我想实现类似于SO投票箭头和勾选标记的点击更换图像的功能。
我考虑以下三种方法之一:
1- 将每个图像作为Ajax.ActionLink,并在单击时返回不同的图像。
2- 将图像作为超链接的背景,并使用Ajax.ActionLink替换CSS类以获取新图像。
3- 使用JQuery。
哪种方法最好?你可以提供一些例子吗?
我想实现类似于SO投票箭头和勾选标记的点击更换图像的功能。
我考虑以下三种方法之一:
1- 将每个图像作为Ajax.ActionLink,并在单击时返回不同的图像。
2- 将图像作为超链接的背景,并使用Ajax.ActionLink替换CSS类以获取新图像。
3- 使用JQuery。
哪种方法最好?你可以提供一些例子吗?
jQuery是最好的选择,因为如果你在ASP.NET MVC中使用ActionLink,那么你需要为每个被点击的图像(动作方法)处理一个链接,这会在后期变得复杂。
在jQuery中,你可以像这样做,以减少困难:
$(document).ready(function() {
//image is the name of the class of your images
$(".image").click(function() {
$(".image").hide(); //just an example..
});
}) ;
这将隐藏被点击的图片。请参考jQuery教程,以便在点击时使图片按照您所需的方式进行操作。可以向图片添加CSS样式或放大它等等。请注意,由于您正在使用ASP.NET,如果要在jQuery中调用ID而不是类,则有些不同。如果没有ASP Web控件,则调用ID的方法如下:
("#image1").click(function() {
("#ct100_******image1").click(function() {