jquery - head中写jquery函数没有被调用

Question

我复制了相同的示例表单 jquery网站实现change()的功能在 jQuery 中。如果<script>..</script>剪切并粘贴到头部，则在更改选择值时根本不会调用该函数。我有什么理由应该在选择下面写这个片段吗？ This是我在其中放置 <script> 的 fiddle 部分在标题中。默认代码是 this one .

Answer 1

我怀疑你的问题是你的 DOM 还没有准备好。在 jQuery 中使用 DOM 时，您应该绑定(bind) 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>