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


loading jQuery/JavaScript in functions.php (wordpress)

我正试图将谷歌地图函数加载到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()。