我在我的HTML页面中使用了一个JavaScript。现在我把这个脚本移到了一个外部的js文件中。下面是这个脚本（jful.js）
<script type="text/javascript">
$(function() {
// grab the initial top offset of the navigation
var sticky_navigation_offset_top = $('#catnav').offset().top;
// our function that decides weather the navigation bar should have "fixed" css position or not.
var sticky_navigation = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// if we've scrolled more than the navigation, change its position to fixed to stick to top,
// otherwise change it back to relative
if (scroll_top > sticky_navigation_offset_top) {
$('#catnav').css({ 'position': 'fixed', 'top':0, 'left':0 });
} else {
$('#catnav').css({ 'position': 'relative' });
}
};
// run our function on load
sticky_navigation();
// and run it again every time you scroll
$(window).scroll(function() {
sticky_navigation();
});
});
</script>现在脚本不工作了。我包含了这样的脚本
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="jful.js"></script></head>当我再次添加脚本直接到HTML文档，它的工作！（这个脚本是执行时，我们向下滚动页面）有什么问题？？
4条答案
按热度按时间nnsrf1az1#
删除这些
以及
ffvjumwh2#
jful.js中不需要
<script type="text/javascript">和</script>。ejk8hzay3#
如果你已经添加了
<script type="text/javascript">到你的JS文件中，删除标签，你应该只包含普通的JS代码到.js文件中。wfauudbj4#
我也遇到过类似的问题。（只是原始的javascript）。我解决了在关闭html标签后放置script标签的问题。我想这是因为DOM在执行脚本之前没有完全加载。