Question

抱歉，如果这是一个基本问题，但我无法弄清楚如何在我的网站中使用Javascript / jQuery脚本。（如果这是有充分记录的，我只是不知道正确的条款，请分享要寻找的内容 - 我在网上已经没有运气了。）

我已经设计了一个包含静态页面的网站，它只是没有博客。所以我把Wordpress放到其中一个页面中，并想出如何使用header.php和footer.php文件为我现有网站的菜单添加HTML / CSS设计。但是，我的jQuery脚本应该在页面调整大小时加载以更改菜单设计不起作用。

我将<script type="text/javascript" src="jquery.min.js"></script>代码粘贴到文件的<head>部分，将正文标记调整为<body onresize="myFunction()" <?php body_class(); ?>>，并将“myFunction”脚本添加到footer.php文件中，上面</body>标记。高于function myFunction() {我还有window.onload=myFunction();这也不起作用 - 所以无论页面加载的大小或更改为菜单的大小都没有响应。

当我尝试将一个入队代码块添加到functions.php文件时，它完全破坏了页面，给出了500错误。

非常感谢任何建议！

Answer 1

检查您为jQuery库指定的路径是否正确。在您的脚本标记src="jquery.min.js中是一个相对路径。这意味着根据您的jquery.min.js路径，文件src与html / php / template位于同一目录中。

我建议使用CDN。您不会拥有相对路径，需要加载您的jquery文件，并且如果其他页面/网站加载了相同的文件，您将从浏览器缓存中受益。

<强> 3×

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<强> 2×

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Answer 2

当您向WordPress添加scrips和样式表等资源时，您应该使用wp_enqueue_script()和wp_enqueue_style()函数将它们排入队列。

这样做可以确保您的scirpt / style只包含一次，允许您声明依赖项，并且（如果是脚本）允许您根据需要将其添加到页脚。

您可以在食典委中找到有关这些功能的更多信息 -

结合这些功能，您应该使用wp_enqueue_scripts操作，确保您的脚本样式在正确的时间排队。

例如，您应该在 functions.php 文件中放置类似的内容。因为jQuery已经存在于WP中，你甚至不需要指定一个位置，你只需告诉WP你想要将它排队 -

add_action( 'wp_enqueue_scripts', 'my_enqueue_jquery' );
function my_enqueue_jquery(){
    wp_enqueue_script( 'jquery' );
}

Wordpress中响应式菜单的Javascript

2 个答案: