Question

这可能是一个非常简单的答案，但我无法解决这个问题。

基本上，我只是从打开<?php标签开始有一个php页面。

我需要在此页面上调用一个jquery脚本。

<script type="text/javascript">
     $('input[name="_manage_item"]').click(function() {
     $('input[name="_item"]')[this.checked ? "show" : "hide"]();
     });
</script>

根据我的研究，我需要通过放置

来加载脚本

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

进入页面的<head>标记。

但我的网页没有html <head>或<body>标签。那我在哪里调用脚本？

我尝试将它放在开头<?php标记的前面，但这打破了页面。

这样做的正确方法是什么？

Answer 1

您可以将javascript放在页面底部的php标记之外。但是当您在网页中使用php时，您应该添加html和head以及body标记。一个简单的php页面可能如下所示：

<html>
<head>
  <!-- stylesheets and javascript -->
</head>
<body>
  <?php
    //You php-code
  ?>
  <!-- scripts at the end of the page to let the side load faster -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script type="text/javascript">
   $('input[name="_manage_item"]').click(function() {
     $('input[name="_item"]')[this.checked ? "show" : "hide"]();
   });
</script>
</body>
</html>

Answer 2

依靠您的wordpress标记，建议您阅读this article。在javascript中描述了有关wordpress用法的所有详细信息。可能最常见的方法是使用wp_register_script()函数。

通过使用wp_enqueue_script（），向WordPress生成的页面添加JavaScript以及WordPress主题或插件的安全和推荐方法。

我还建议您将代码合并到一个不同的文件中，然后在jquery库之后直接加载它。这是一个很好的做法，因为通过这种方式，浏览器可以缓存您的脚本，并且不会在每个页面请求上下载它。您还应该将其包装到$( document ).ready()函数中，以确保它仅在文档处于就绪状态时才会执行。

在PHP页面加载jQuery - 没有头标记

2 个答案: