JQuery无法警报不起作用

时间:2014-01-05 09:45:49

标签: jquery

我试图做的只是在用户输入输入字段时输出和警告框。我有两个文件index.php& popup_script.js。 这是我目前的代码。

file:index.php

<head>
    <script type="text/javascript" src="script/popup_script.js"></script>
</head>

<body>
    <input type="text" id="input"/>
</body>

file:popup_script.js

$('#input').keyup( function (){
    alert('you entered something on the input box');
});

我是JQuery的新手。

4 个答案:

答案 0 :(得分:1)

您需要先在文件中包含jQuery。

<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="script/popup_script.js"></script>
</head>

<body>
    <input type="text" id="input"/>
</body>

将所有DOM查询包装在$(document).ready():

$(document).ready(function () {
    $('#input').keyup( function (){ alert('you entered something on the input box'); });
})

答案 1 :(得分:1)

你之前是否包含过Jquery?

 <script src="http://code.jquery.com/jquery-latest.js"></script>

使用jquery包括:http://jsbin.com/IDOsIPiG/2/edit

查看您的代码

答案 2 :(得分:0)

您需要通过它自己的<script>标记包含jQuery,它不会内置到浏览器中。然后,您需要将访问DOM的代码放在标记之下或$(document).ready回调中。

$(document).ready(function () {
  $('#input').keyup( function (){ alert('you entered something on the input box'); });
});

答案 3 :(得分:0)

你应该使用$(document).ready(function(){中的代码 ...你的代码...}

当您尝试选择它时,该元素不存在