Jquery點擊功能無響應

Question

好吧，出於某種原因，每當我嘗試單擊此輸入時，什么也沒有發生，但它應該提醒您好世界...

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

和 JS

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

這是 Jsfiddle https://jsfiddle.net/8y0hq6md/1/

編輯：我正在從 SQL 動態加載表單，這可能是問題的原因嗎？

Answer 1

確保包含 jQuery 庫。

如果已經是這種情況，還可以使用$(document).ready()確保文檔“准備好”。

下面是一個例子：

$(document).ready(function() {

   // Your code here

});

..或簡寫版本：

$(function() {

   // Your code here

});

Answer 2

您尚未在代碼中包含 jQuery 庫。

 $(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>

更新 jsFiddle： https ://jsfiddle.net/8y0hq6md/10/

Answer 3

好的，這就是解決方案

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

這似乎適用於它，因為我正在動態加載表單