抱歉,如果这是一个基本问题,但我无法弄清楚如何在我的网站中使用 Javascript/jQuery 脚本。 (如果这是有详细记录的,而我只是不知道正确的术语,请分享要查找的内容 - 我还没有在网上了解我所知道的内容。)
我已经设计了一个带有静态页面的网站,只是没有博客。因此,我将 Wordpress 添加到其中一个页面,并弄清楚如何使用 header.php 和 footer.php 文件为我现有网站的菜单添加 HTML/CSS 设计。然而,我的 jQuery 脚本应该在调整页面大小以更改菜单设计时加载,但它不起作用。
我粘贴了<script type="text/javascript" src="jquery.min.js"></script>
代码在 <head>
部分文件,将body标签调整为<body onresize="myFunction()" <?php body_class(); ?>>
,并将“myFunction”脚本添加到 footer.php 文件中 </body>
上方标签。以上function myFunction() {
我还有window.onload=myFunction();
这也不起作用 - 所以无论页面加载的大小或更改为菜单的大小都没有响应。
当我尝试向functions.php 文件添加排队代码块时,它完全破坏了页面,给出了 500 错误。
如有任何建议,我们将不胜感激!
最佳答案
检查您指定的 jQuery 库路径是否正确。在你的脚本标签中 src="jquery.min.js
是一个相对路径。这意味着文件 jquery.min.js
与你的 html/位于同一目录中根据您的 src
路径创建 php/template。
我建议使用 CDN。您不会有相对路径,需要加载 jquery 文件,并且如果其他页面/站点加载了相同的文件,您将受益于浏览器缓存。
3x
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
2x
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
关于Wordpress 中响应式菜单的 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39580845/