未加载Javascript文件

我的项目结构如下：

>app/
>>templates/
>>> ...my html files

>>static/
>>>css

>>>index.js

以下是我的index.js文件中的内容：

$(document).ready(function(){

    // code to read selected table row cell data (values).
    $("#myTable").on('click','.btn btn-primary',function(){
         // get the current row
         var currentRow=$(this).closest("tr");

         var col1=currentRow.find("td:eq(0)").text(); // get current row 1st TD value
         var col2=currentRow.find("td:eq(1)").text(); // get current row 2nd TD
         var col3=currentRow.find("td:eq(2)").text(); // get current row 3rd TD
         var col4=currentRow.find("td:eq(3)").text(); // get current row 4th TD
         var col5=currentRow.find("td:eq(4)").text(); // get current row 5th TD
         var data =col1+"\n"+col2+"\n"+col3+"\n"+col4+"\n"+col5;

         alert(data);
    });
});

然后我将其包含到我的html文件中，如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="{{ url_for('static', filename='index.js') }}"></script>

当我运行本地服务器时，上述所有内容似乎都没有效果似乎没有执行.js。我错过了什么？

---

另外，我试图清除缓存，重新加载页面，但没有帮助。已在控制台中签入，但没有任何错误…

能否在就绪函数之前添加一个console.log（'before'）并在就绪函数的开头添加另一个console.log（'after'）？如果before未被记录，则表示该文件未被执行，最后在on-click函数的开头显示另一个console.log（'on-click'），以查看其失败的位置。当您说-，则我将其包括到html文件中，如下所示：。。。这是在某个顶级index.html文件上，还是在templates文件夹中的某个html中？@JuanV我尝试按建议添加console.log（）-这些都没有被记录。@Kyle是的，我在index.html（在/templates文件夹中）中包含了它，我猜这就是问题所在-我没有使用flask，但我环顾四周，发现{url_for（'static'，filename='index.js'）}}基本上分解为“static/index.js”-如果从另一个文件夹（模板）中调用，它就无法到达静态文件路径。我想说，您可以创建一个index.html主页来加载所有内容，或者可能尝试在flask语法上进行路径选择（不确定它是否有效，例如：{{url_for（'../static'，filename='index.js'）}）。或者，对于POC，您可以将静态文件夹放在templates文件夹中，以进行检查