Javascript jQuery change()和bind(“change”)不起作用
这个问题已经被问过了,但我仍停留在最基本的层面上。除了select标记和试图通过jquery捕获更改事件之外,我没有向html添加任何内容。这是我的密码:Javascript jQuery change()和bind(“change”)不起作用,javascript,jquery,html,ajax,dom,Javascript,Jquery,Html,Ajax,Dom,这个问题已经被问过了,但我仍停留在最基本的层面上。除了select标记和试图通过jquery捕获更改事件之外,我没有向html添加任何内容。这是我的密码: <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> $('#target').bind("change", function{
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
$('#target').bind("change", function{
alert('Changed');
});
</script>
</head>
<body>
<form>
<select id="target">
<option value="option1" selected="selected">Option 1</option>
<option value="option2">Option 2</option>
</select>
</form>
</body>
$('#target').bind(“change”,函数{
警报(“更改”);
});
选择1
选择2
甚至change()函数也不起作用
<script>
$('#target').change(function() {
alert('Changed');
});
</script>
$('#target')。更改(函数(){
警报(“更改”);
});
请帮我找出哪里做错了。在Stackoverflow的一个类似问题中,我得到了一个答案。但是,即使是一个完全复制粘贴的代码也不适合我
注意:jQuery正在加载,因为我对它进行了测试,发现它正在使用以下方法工作:
<script>
$(function() {
alert('Changed');
});
</script>
$(函数(){
警报(“更改”);
});
这是:
<script>
$('#target').change(function() {
alert('Changed');
});
</script>
$('#target')。更改(函数(){
警报(“更改”);
});
应该是这样的:
<script>
$(function () {
$('#target').change(function() {
alert('Changed');
});
});
</script>
$(函数(){
$('#target')。更改(函数(){
警报(“更改”);
});
});
这意味着您正在文档准备就绪之前执行绑定。您的代码无法工作,因为您试图在尚未构建dom时使用dom。使用以下命令:
$(document).ready(function () {
// your code
});
然后,当dom已经生成时,代码将运行。您需要将jquery代码包装到document ready事件中。像这样使用它
$(document).ready(function () {
$('#target').change(function() {
alert('Changed');
});
});
这正是我所需要的澄清。非常感谢。谢谢,效果很好,我只是错过了斯佩兰斯基在回复中提到的事实。