javascript - Jquery change（）不起作用

Question

大家好，我是 jquery 的新手。我在使用 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

score 7 · Accepted Answer

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

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

演示：小提琴

score 2 · Accepted Answer

你也可以试试这个：

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

score 1 · Accepted Answer

你也可以试试这个：

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

score 0 · Accepted Answer

将您的代码放入：

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

该脚本将等待 DOM 准备好启动。

javascript - Jquery change（）不起作用

4 回答 4

Related

Reference