Jquery点击功能无响应

时间:2017-01-13 23:09:33

标签: javascript jquery

好吧因为某种原因,每当我尝试点击此输入时都没有发生任何事情,尽管它应该警告你好世界......

<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动态加载表单,这可能是导致问题的原因吗?

3 个答案:

答案 0 :(得分:1)

确保包含jQuery库。

如果已经是这种情况,请使用$(document).ready()确保文档“准备就绪”。

以下是一个例子:

$(document).ready(function() {

   // Your code here

});

..或速记版本:

$(function() {

   // Your code here

});

答案 1 :(得分:0)

您的代码中没有包含jQuery库。

restrict
$(document).ready(function() { 

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

});

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

答案 2 :(得分:0)

好的,这就是解决方案

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

由于我正在动态加载表单

,这似乎可以使用它