ASP.NET MVC : Ajax actionlink or Jquery solution?

Question

我试图在点击时更改图像，类似于 SO 对投票箭头和复选标记所做的操作。

我想:

1-让每个图像都是 Ajax.ActionLink，并在单击时返回不同的图像。

2- 将图像作为超链接的背景，并使用 Ajax.ActionLink 替换 css 类以获得新图像。

3- 使用 JQuery 代替。

哪一个是最好的方法，您能提供示例吗？

Answer 1

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，如果你使用asp web控件并且想要在jquery而不是类中调用id，那么它会有点不同。如果没有asp web控件，那么调用id的方式是这样的:

  ("#image1").click(function() {

但是使用像 asp:imagebutton 这样的 asp web 控件，它会是这样的:

   ("#ct100_******image1").click(function() {

星号可以是任何东西..您必须先查看源代码才能查看呈现的实际 id 名称，因为 asp.net 更改了您将属性设置为 runat=Server 的控制 id 名称默认情况下，您必须设置 runat=server 才能编译 ASP Web 控件