在 jQuery attr 中使用 wp_localize_script 图像路径

Question

这是我的 PHP 代码，用于在 WordPress 子主题中使用 wp_localize_script 加载我的 jQuery 和图像。$image = sprintf( '%s/image.png', get_stylesheet_directory_uri() );    wp_localize_script( 'scroll-image', 'Image', $image ) ) ) );这是我的 jQuery $( '.div img' ).attr( 'src', 'Image' );但是 HTML 输出返回 wp_localize_script 的第二个参数，没有图像的完整路径。<img src="Image">我错过了什么？为什么我需要在 jQuery 中包含图像的完整路径，因为它已经包含在 $image 变量的 PHP 中？我确实检查了这个答案，但我不明白为什么必须这样做，因为图像标签已经使用其他 PHP 代码输出。我想要做的就是替换图像 src URL。更新：如果我想像这样使用图像作为选项怎么样wp_localize_script( 'scroll-image', 'Image', array( 'src' => str_replace( 'http:', '', get_option( 'my-image' ) ) ) );

Answer 1

wp_localize_script需要三个参数。

• $handle: 脚本处理数据将附加到。

• $object_name: 这是将在您的 javascript 文件中访问的变量。

• $data：要传递给对象的数据数组

在您的 jQuery 代码中，您将 Image 作为字符串而不是变量来访问。

您的 JS 代码需要更改为：

 $( '.div img' ).attr( 'src', obj_name.image );

您的 PHP 代码应如下所示：

$image = sprintf('%s/image.png', get_stylesheet_directory_uri());

wp_localize_script('scroll-image', 'obj_name', array(

    "image" => $image

));