无法在外部 js 中定义的 javascript 函数中使用 jQuery

Question

::已解决::

我有一个 index.php，我定义了一些 JavaScript 函数来在这个页面上做一些事情。我在这个函数中使用 jQuery。当我将函数放在标签之间的 index.php 中时，一切正常，但我需要将此函数放在外部文件中。当我这样做然后将其导入 index.php 时，js 文件加载和不使用 jQuery 的部分工作正常，但 jQuery 操作不起作用！我之前把 jQuery 放在 index.php 的头部。 jQuery 加载，我通过简单的警报对其进行测试。我试图将 $(function).ready() 放在 js 函数周围，其他时间放在函数内容周围，但它不起作用！

<script language='javascript' src="/js/jquery-3.4.1.js"></script> 

<script type="text/javascript" language='javascript' src="/js/external.js"></script> 

还有像这样的外部js文件：

function doSomething(){
//some JavaScript code that work good
//some jQuery code that doesn't work!
}

哪里错了？！ 请原谅我的愚蠢问题！

Answer 1

首先编写更好的 HTML 代码。

<script src="/js/jquery-3.4.1.js"></script> 
<script src="/js/external.js"></script> 

function doSomething(){
  console.log("I'm executed");
  if (typeof jQuery !== 'undefined') {  
    console.log(jQuery.fn.jquery);
  } else {
    console.log("jQuery library not loaded check your Network tab");
  }
}

然后您的 jQuery 似乎未加载，请检查您的 network tab 是否已加载脚本。