Question

我试图将google地图功能加载到我的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 >

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

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

Answer 1

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

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

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文件放在主题文件夹中的其他位置，只需更新上面代码中的路径即可反映文件的新位置。

Answer 2

如果您只想将其包含在您的网页上，那么您可以使用正确的add_action（）来回显它。但是，如果你想用你的functions.php运行它，那么我建议将代码转换为php或wp_enqueue_script（）。

在functions.php中加载jQuery / JavaScript（wordpress）

2 个答案: