为什么javascript在将一个html文件分割成多个文件后不能正常工作？

我使用以下主题。当以下输出的代码保存在一个文件中时，所有内容（顶部标题的下拉菜单和左侧导航栏的手风琴样式）都能正常工作

当我将代码分离并划分为多个文件，如top_header.php、left-nav.php、index.php和footer.php，并将所有四个php文件都包含在index.php中时，下拉菜单不起作用

我已经在所有文件中添加了“.js”文件，下拉列表工作得很好（尽管添加文件是多余的，但实际上并不好）

但左侧导航的手风琴菜单不起作用。

• 首先确保您实际上正确调用了所有js文件（即使用firebug）

• 哪些javascript函数不能正常工作？ 它是一个类似于$（''）的jquery函数。单击（）？ 在这种情况下，您需要使用事件委派来为动态加载的元素附加事件

• 您是否在Jquery函数中调用过这样的函数（这不起作用）：
  $（document）.ready（function（）{

  function test（）}

  ）

• 您的代码中有Ajax吗

• 您能否向我们展示您的代码，以便更好地了解您的问题：）

---

我已将“.js”文件添加到所有文件中

这听起来可能是您的问题。您应该只在页面中包含每个必需的JS文件一次。如果没有更多的代码细节，我们真的帮不上忙。请尝试将所有css和js文件放在header.php中。。并确保jquery.js首先包含..只需将页眉的js放在header.php中，将页脚的js放在footer.php中即可。谢谢@Sarath。在将jquery文件加载到仅在header.php中加载的其他js文件之前，问题已经解决