如何在用户单击GridView中的编辑按钮时显示下载图像

Question

我有来自twitter-bootstrap的类“icon-edit”的编辑链接。当用户在javascript中单击此按钮时，我想显示下载图像。我确实喜欢这个：

var editLink = $('.icon-edit');
   editLink.onclick = function () {
        document.getElementById("editLoading").style.visibility = "visible";
   }

它不起作用。

Answer 1

我认为您需要更改的正确CSS样式为display，以使值为“block”（或“inline”）。

另外，你不应该/不能混合使用jQuery和Javascript。如果你使用jQuery对象（使用$("")），那么你应该使用jQuery方法。如果你想使用普通的Javascript，那么你可以使用Javascript方法。

在您的情况下，您使用jQuery按类选择元素。但是，然后您尝试使用onclick将.onclick处理程序绑定到所选元素，这是普通的Javascript。

您应该使用：

$(".icon-edit").on("click", function () {
    $("#editLoading").show();    // Basically the same as: $("#editLoading").css("display", "block");
});

不应该说“它不起作用。”，你应该解释发生了什么。你检查过浏览器的控制台了吗？你收到错误信息吗？有什么东西冻结吗您是否尝试以任何方式进行调试，即使将alert语句放在某些位置以查看代码到底有多远？