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

Question

我正在嘗試將google maps函數加載到我的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()函數對其進行調用。

我的問題是，當我嘗試調用它時， <引起了問題... 顯然我不知道如何以正確的格式調用它 ....我如何正確插入此字符，以便我的全屏Google地圖工作正常嗎？

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（）。