我正试图将谷歌地图函数加载到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()
函数调用它。
我的问题是,当我试图调用它时,<
会引起问题显然我不知道如何用正确的格式来称呼它。。。。我如何才能正确插入这个,以便我的全屏谷歌地图正确工作?
您应该为要运行的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
文件放在主题文件夹的其他位置,只需更新上面代码中的路径以反映文件的新位置。
如果你只是想把它包含在你的网页上,那么你可以使用适当的add_action()来回显它。但是,如果您想使用functions.php运行它,那么我建议将代码转换为php或wp_enque_script()。