写在头部的jQuery功能不叫

Question

我已经复制了相同的示例表格jquery网站在jQuery中实现change()的功能。如果<script>..</script>被剪切并粘贴在头部，则该功能根本不需要改变选择值。有什么理由我应该在select下写这个片段吗？ This是我把<script>部分放在标题中的小提琴。默认代码是this one。

Answer 1

尝试围绕功能（同时仍然在头）有：

$(document).ready(function(){ 

    //Your code here 

}); 

Answer 2

如果你把脚本的头块，那么页面可能没有完成加载在执行之前。 jquery有一个机制来处理这个问题，即在文档准备就绪时运行脚本。这是按如下方式完成的：

$(document).ready(function(){ 

    $('.target').change(function() { alert('Handler for .change() called.');}); 

}); 

ready函数内部的任何代码将在文档完全加载后被调用。几乎所有的jQuery代码都是这样调用的。

Answer 3

我怀疑你的问题是你的DOM没有准备好。当内部jQuery的DOM的工作，你应该绑定document元素的ready()功能，如下所示：

$(document).ready(function() { 
    // execute your code here. 
}); 

或者，也可以使用快捷键的功能如下：

$(function() { 

}); 

为了您的例子中，更新head中的代码应如下所示：

<script type="text/javascript"> 
$(function() { 
    $('#select_id').change(function() { 
     // handle the change event 
    }); 
}); 
</script>