javascript - 警报消息 onclick 事件

Question

我正在尝试从 .cshtml 文件中调用按钮点击:

  <input type="button" id="ImageHosting" value="To Image Hosting" onclick="ImageHosting_Click()"/> 

这是 .js 文件:

 function ImageHosting_Click() {
               $("#ImageHosting").click(function () {
                   alert("test");
               });
       }

我无法收到警报消息。知道为什么吗？

Answer 1

您在 HTML 中内联绑定(bind)了事件处理程序，您还在函数内部使用 jQuery 再次绑定(bind)，这是不正确的。

只需删除内联点击，

<input type="button" id="ImageHosting" value="To Image Hosting" />

并改变JS

$(document).ready ( function () {
    $("#ImageHosting").click(function () {
       alert("test");
    });
});

万一这个按钮是动态插入的，

$(document).ready ( function () {
    //replace document below with enclosing container but below will work too
    $(document).on('click', "#ImageHosting", function () {
       alert("test");
    });
});

如果您使用的是旧版本的 jQuery (< 1.7)，请使用 .live/.delegate