我有一個問題想解決，但不完全了解如何處理它，想知道這里是否有人知道辦法。在我的 WordPress 主題中，我有一個位于 JS 文件夾中的 script.js 文件，該文件具有用于在頁面加載時加載 Instagram 提要的腳本。$(window).on('load', function(){ $.instagramFeed({'username': 'usernamehere','container': "#instagram-feed-demo",'display_profile': false,'display_biography': false,'display_igtv': false,'items': 9,'items_per_row': 3, 'styling': false });}); 在我的 WordPress 單頁模板中，我想通過使用自定義字段填充用戶名字符串，但如果我將腳本移動到腳本標記中的模板中，它不起作用，但在 script.js 文件中工作正常。有誰知道從單個模板填充字符串的方法嗎？
1 回答
楊__羊羊
TA貢獻1943條經驗 獲得超7個贊
不確定我是否正確理解你需要什么，但你可以檢查它加載 script.js 文件的模板（使用wp_enqueue_script函數）并使用相同的處理程序名稱添加另一個wp_localize_script函數調用并將它傳遞給一個變量數組以供使用javascript。
例子：
wp_enqueue_script('script-handler', 'url to the script.js file', []);
wp_localize_script('script-handler', 'jsObjectName', [
'username' => $usernamehere,
]);
jsObjectName使用該函數創建的 js 對象wp_localize_script將先于對 script.js 文件的調用，使其值可用于腳本。
現在將 Instegram 代碼更改為如下所示：
$(window).on('load', function(){
$.instagramFeed({
'username': jsObjectName.username,
'container': "#instagram-feed-demo",
'display_profile': false,
'display_biography': false,
'display_igtv': false,
'items': 9,
'items_per_row': 3,
'styling': false
});
});
- 1 回答
- 0 關注
- 108 瀏覽
添加回答
舉報
0/150
提交
取消