警告消息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中內聯事件處理程序，您也使用jQuery在函數內再次綁定，這是不正確的。

只需刪除內聯onclick，

<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

Answer 2

 // Try like this: $("#ImageHosting").click(function() { alert("test"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="button" id="ImageHosting" value="To Image Hosting" /> 

Answer 3

與SKS的答案相反（保持內聯onclick屬性）：

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

和

function ImageHosting_Click(){
    alert("test");
}

甚至一個人：

<input type="button" id="ImageHosting" value="To Image Hosting" onclick="alert('test');"/>