javascript - 在 functions.php (wordpress) 中加载 jQuery/JavaScript

Question

我正在尝试将谷歌地图功能加载到我的 wordpress 主题的 functions.php 文件中。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&extension=.js"></script>    
<script type="text/javascript" >
< !-- updatepage(); //-->< /script >

< /script >

主题的创建者告诉我使用 wp_enqueue_script() 来调用它此 .php 文件中的函数。

我的问题是，当我尝试调出它时，<导致问题...显然我不知道如何以正确的格式调用它....我怎样才能正确插入它以便我的全屏谷歌地图正常工作？

Answer 1

您应该为要运行的 jQuery 代码创建一个 .js 文件。

出于本示例的目的，我将此文件命名为 customjquery.js。您可以随意命名，但如果您这样做，请务必编辑下面的代码以反射(reflect)新文件名。

1] 创建一个 customjquery.js 文件:

(function($) {
  updatepage();
})(jQuery);

2]然后您需要将该 customjquery.js 文件放入主题的 /js/ 目录中。

3] 将此代码添加到您的主题 functions.php 文件中:

function my_custom_scripts() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('google-maps-api', '//maps.googleapis.com/maps/api/js?sensor=false&extension=.js', array('jquery'));
    wp_enqueue_script('my-custom-jquery', get_template_directory_uri() . '/js/customjquery.js', array('jquery'));
}
add_action('wp_enqueue_scripts', 'my_custom_scripts');

如果您想将 customjquery.js 文件放在主题文件夹中的其他位置，只需更新上面代码中的路径以反射(reflect)文件的新位置。