Alarm msg Onclick-Ereignis

Question

Ich versuche, einen Button-Klick aus dem Inneren einer .cshtml Datei aufzurufen:

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

Dies ist die JS-Datei:

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

ich nicht in der Lage bin zu erhalten Warnmeldung. Irgendeine Idee warum?

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

Sie binden den Event-Handler inline in HTML ein. Außerdem verwenden Sie jQuery, um innerhalb der Funktion, die nicht korrekt ist, erneut zu binden.

Entfernen Sie einfach die Inline-Onclick,

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

Und ändern JS

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

Incase, wenn diese Taste dynamisch dann eingeführt wird,

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

Verwenden .live/.delegate wenn Sie ältere Version von jQuery (< 1.7)

Answer 3

Umgekehrt Antwort auf SKS (Beibehaltung des Inline-onclick Attribut):

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

Und

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

Oder alles noch in einem:

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