Wordpress 中响应式菜单的 Javascript

标签 javascript php jquery wordpress

抱歉,如果这是一个基本问题,但我无法弄清楚如何在我的网站中使用 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/

相关文章:

javascript - 以不同的间隔显示图像

jquery - 在此函数中使用带有数据属性的 jQuery.contains() 方法而不是 find()

javascript - 如何附加 Leaflet.js 属性字符串?

javascript - 函数声明不应放在 block 中

javascript - React.js - 从 JSON 模式创建输入元素

php - 找出变量的类型提示 - PHP

php - 禁用 Laravel 内置的错误处理方法

javascript - 在 ng-mousedown 中绑定(bind)文档 mouseup

javascript - 表单提交验证下拉列表的动态#

php - 按间隔分组显示为零