javascript - jquery.val() 在页面上有效，在页面外无效？为什么？

Question

我有以下内容:

<script type="text/javascript">
var noteid = $('#noteid').val();
</script>
<input type="hidden" name="noteid" id="noteid" value="321">

这很好用...但现在我正在尝试将 JavaScript 从页面移到链接的 JS 文件中，如下所示:

<script type="text/javascript" src="/js/note_beta.js"> </script>
<input type="hidden" name="noteid" id="noteid" value="321">

这个 ext JS 文件的代码是:“var noteid = $('#noteid').val();”但它不起作用...当它不在页面本身上时，有什么技巧可以让它工作吗？

谢谢

Answer 1

尝试将 jQuery 代码包装在 (document).ready 函数中，这可以确保它在页面加载之前不会运行，并且您不会冒在将元素添加到 DOM 之前尝试引用元素的风险

所以改变:

var noteid = $('#noteid').val();

对此:

var noteid; // define it up here to ensure scope is done properly
$(document).ready(function() {
    noteid = $('#noteid').val();
});