移动到外部.js文件时JavaScript不工作_Javascript_Jquery_Html_Css

移动到外部.js文件时JavaScript不工作

javascript jquery html css

移动到外部.js文件时JavaScript不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在html页面中使用了一个java脚本，现在我将该脚本移动到了一个外部js文件中。下面是脚本（jful.js） $（函数（）{ //获取导航的初始顶部偏移量 var sticky_navigation_offset_top=$（'#catnav'）.offset（）.top； //我们的功能决定导航栏是否应该有“固定”css位置。 var sticky_navigation=函数（）{ var scroll_top=$（window）.scrollTop（）；//我们当前从顶部的垂直位置

我在html页面中使用了一个java脚本，现在我将该脚本移动到了一个外部js文件中。下面是脚本（jful.js）


$（函数（）{
//获取导航的初始顶部偏移量
var sticky_navigation_offset_top=$（'#catnav'）.offset（）.top；
//我们的功能决定导航栏是否应该有“固定”css位置。
var sticky_navigation=函数（）{
var scroll_top=$（window）.scrollTop（）；//我们当前从顶部的垂直位置
//如果我们滚动的次数超过导航，请将其位置更改为“固定”以粘贴到顶部，
//否则，将其更改回相对
如果（滚动\u顶部>粘性\u导航\u偏移\u顶部）{
$（'catnav'）.css（{'position'：'fixed'，'top'：0，'left'：0}）；
}否则{
$（'catnav'）.css（{'position'：'relative'}）；
}   
};
//在加载时运行我们的函数
粘性_导航（）；
//并在每次滚动时再次运行它
$（窗口）。滚动（函数（）{
粘性_导航（）；
});
});

现在脚本不起作用了。我包括了这样的脚本

<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文档时，它就可以工作了！（向下滚动页面时执行此脚本）问题出在哪里？？？

删除这些

<script type="text/javascript">

及

你不需要jful.js中的

和

。

如果你已经在js文件中添加了

删除标记，你应该只在.js文件中包含简单的js代码。

你检查过你的js路径了吗。@AshwinSingh他已经调用了它=>

$（函数（）{

这可能是因为你的路径。它与你的页面在同一个目录中吗？谢谢，问题出在路径上。我正在使用WordPress，所以我需要添加请添加你收到的错误消息或关闭你的问题，因为人们只能猜测问题出在哪里，然后他们猜错了，然后你说不工作，然后他们又猜了又猜这又错了，诸如此类。另外，它可能不起作用，因为从缓存中获取的原始错误文件。对不起，我不再重复。

<script type="text/javascript">

</script>