Jquery change()不起作用

时间:2013-09-05 03:38:34

标签: javascript jquery

大家好,我是jquery的新手。我正面临改变函数I jquery

的问题
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>

  $("input").change(function(){
    alert("The text has been changed.");
  });
</script>
</head>
<body>

<input type="text">
<p>Write something in the input field, and then press enter or click outside the field.</p>

</body>
</html>

当我在文本框外面按下它时,我没有收到警报框。请帮我解决这个问题:D

4 个答案:

答案 0 :(得分:7)

在将元素添加到dom之前,您正尝试向元素添加更改处理程序。您可以使用dom ready回调来延迟脚本执行,直到所有元素都加载到dom

jQuery(function($){
  $("input").change(function(){
    alert("The text has been changed.");
  });
})

演示:Fiddle

答案 1 :(得分:2)

你也可以试试这个:

    $(function() {
     $("input").change(function(){
            alert("The text has been changed.");
    });
 })

答案 2 :(得分:1)

你也可以试试这个:

$(document).ready(function(){
$("input").change(function(){
    alert("The text has been changed.");
  });
});

答案 3 :(得分:0)

将您的代码放在:

$(function(){
    // Your code
});

脚本将等待DOM准备好开始。