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

Question

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

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

它不起作用。

score 0 · Accepted Answer

我认为您需要更改的正确 CSS 样式是display具有值“块”（或“内联”）。

此外，您不应该/不能像这样混合使用 jQuery 和 Javascript。如果您使用 jQuery 对象（使用$("")），那么您应该使用 jQuery 方法。如果你想使用纯 Javascript，那么你可以使用 Javascript 方法。

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

你应该使用：

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

而不是说“它不起作用。”，你应该解释发生了什么。你检查过浏览器的控制台吗？您收到错误消息吗？有什么东西会结冰吗？您是否尝试以任何方式进行调试，甚至通过将alert语句放置在某些地方以查看代码的运行程度？

1 回答 1