在WordPress主题的Javascript函数中添加图片的问题 _主题

我遇到了一个问题, 无法以WordPress主题在javascript文件中显示图像, 我尝试使用< ？php echo esc_url(get_template_directory_uri()); ？> , 但在JS文件中不起作用,
因此此行不起作用, 因为它在JS文件中：

document.getElementById("women-eyes1").src="http://www.srcmini.com/< ?php echo esc_url(get_template_directory_uri()); ?> images/ss1.png";

如何在js文件中定向图像？
#1你不能在js文件file.js中使用php函数。你可以在PHP文件中使用内联脚本, 如下所示：

// some php file // output the script ?> < script> document.getElementById("women-eyes1").src="http://www.srcmini.com/< ?php echo esc_url(get_template_directory_uri()); ?> images/ss1.png"; < /script> < ?php // rest of your php

或者你可以使用wp_localize_script并传递如下值：

< ?php// Register the script wp_register_script( 'some_handle', 'path/to/myscript.js' ); // Localize the script with new data $translation_array = array( 'some_string' => __( 'Some string to translate', 'plugin-domain' ), 'a_value' => '10' ); wp_localize_script( 'some_handle', 'object_name', $translation_array ); // Enqueued script with localized data. wp_enqueue_script( 'some_handle' );

【在WordPress主题的Javascript函数中添加图片的问题】然后在你的js文件中使用变量：