Jquery点击功能无响应

Question

Alright so for some reason whenever I try to click this input nothing happens, altho it should alert hello world...

<label>Ime Profesora</label><br/>
<input type='text' id='profesor_Ime' placeholder='Ime profesora...' /><br/>
<input type='submit' id='profesor_Submit' value='Dodaj Profesora'/>

And the JS

$("#profesor_Submit").click(function() {
        alert("Hello world");
    });

Here is the Jsfiddle https://jsfiddle.net/8y0hq6md/1/

EDIT: I am loading the form dynamically from the SQL, could that maybe be the cause of the problem?

Answer 1

Make sure that the jQuery Library is included.

If that's already the case, also make sure that the document is "ready" by using $(document).ready() .

Here's an example:

$(document).ready(function() {

   // Your code here

});

..or the shorthand version:

$(function() {

   // Your code here

});

Answer 2

You have not included jQuery library in your code.

 $(document).ready(function() { $("#profesor_Submit").click(function() { alert("Hello world"); }); });

 <label>Ime Profesora</label> <br/> <input type='text' id='profesor_Ime' placeholder='Ime profesora...' /> <br/> <input type='submit' id='profesor_Submit' value='Dodaj Profesora' /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Updated jsFiddle: https://jsfiddle.net/8y0hq6md/10/

Answer 3

Okay so this was the solution

$(document.body).on('click', '#profesor_Submit' ,function(){
        alert("Hello world");
    });

This seems to work with it since I am loading the form dynamically