在PHP页面中加载jQuery-没有head标签

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标签阅读本文 。 描述了有关wordpress javascript使用的所有详细信息。 可能最常见的方法是使用wp_register_script()函数。

将JavaScript添加到WordPress生成的页面以及WordPress主题或插件的安全且推荐的方法是使用wp_enqueue_script（）。

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