оповещения тзд 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

// 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 2

Вы связываете обработчик события inline в HTML, также вы используете jQuery для повторного связывания внутри функции, которая неверна.

Просто удалите встроенный OnClick,

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

И изменить JS

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

Incase, если эта кнопка вставляется динамически затем,

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

Используйте .live/.delegate, если вы старше версия jQuery (< 1.7)

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');"/>