将HTML转换为PHP时，JS无法正常工作

Question

我在静态HTML http://footytracker.com/prototype/app/

中编写了我的网络应用原型

它使用移动设备的js下拉菜单，该菜单适用于原型。

我已经开始将它移植到真正的应用程序，这将在PHP中完成，菜单下拉列表将无法正常工作。 http://footytracker.com/app/

我有一种感觉，这是由于PHP包括？

更新：已重新排序JS文件以修复smoothscroll错误，这会产生新的错误： 未捕获错误：您尝试选择的nav元素不存在。

我无法理解为什么网站的PHP版本拒绝加载响应式导航菜单。

我是PHP的新手，非常感谢任何帮助。

Answer 1

查看源代码后，我发现这些js文件的顺序错误：

<script src="js/fixed-responsive-nav.js"></script>
<script src="js/scroll.js"></script>

由于fixed-responsive-nav.js需要scroll.js的类/函数，因此需要撤消订单：

<script src="js/scroll.js"></script>
<script src="js/fixed-responsive-nav.js"></script>

如果您还没有使用它们，请尝试查看浏览器的开发工具（在Firefox或Chrome中按f12），查看控制台或请求中的任何错误。

修改

检查您的订单（再次）。在您的HTML版本中，您的.js文件就像这样：

<script src="js/scroll.js"></script>
<script src="js/responsive-nav.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/fixed-responsive-nav.js"></script>
<script src="js/scroll.js"></script> <!-- Duplicate Include -->

但是在PHP版本中，它们的顺序不同：

<script src="js/responsive-nav.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/scroll.js"></script> <!-- Should be above all of them. -->
<script src="js/fixed-responsive-nav.js"></script>

尝试修复它，它应该适合你。这是一个布局问题，而不是PHP问题。

第二次修改

在您的HTML版本中，在创建.js，<header>之前，您只有一个responsive-nav.js文件被调用。其余的.js文件会在页面底部调用， 后创建<header>。尝试在PHP版本上执行相同的操作。