Javascript Jquery无法处理外部JS文件

Javascript Jquery无法处理外部JS文件,javascript,jquery,Javascript,Jquery,我有一个自定义的下拉菜单,当我在主html文件上添加脚本时,它运行得非常好,但是当我从外部JS文件链接它时,该函数似乎有问题。它没有显示输出 这是剧本 $('.tc导航>a')。单击(函数(){ var元素=$(this.parent('li'); 元素。子元素('ul')。切换类('toto'); 返回false; }); $(文档)。单击(函数(){ $('.tc-navigation>li>ul').removeClass('toto'); }); Jquery函数如parent()?

我有一个自定义的下拉菜单,当我在主html文件上添加脚本时,它运行得非常好,但是当我从外部JS文件链接它时,该函数似乎有问题。它没有显示输出

这是剧本

$('.tc导航>a')。单击(函数(){
var元素=$(this.parent('li');
元素。子元素('ul')。切换类('toto');
返回false;
});
$(文档)。单击(函数(){
$('.tc-navigation>li>ul').removeClass('toto');
}); 

Jquery函数如
parent()?如果没有,是否有办法让它们工作?

您需要先加载jQuery,然后加载函数。使用jQuery,您可以等待dom加载并呈现


parent()
children()
兄弟姐妹()
函数在外部文件中可以正常工作。

在呈现DOM之前是否加载JavaScript文件

请尝试“延迟”属性:

<script src="js/external.js" defer></script>

延迟:

此布尔属性设置为向浏览器指示脚本将在解析文档之后、但在触发DOMContentLoaded之前执行


你能告诉我们你是如何导入文件的吗?文件名是external.js。它位于js文件夹中。