Php wp_本地化用于插入图像的脚本

我在wp_本地化_脚本方面遇到了一些问题。关于这个问题已经有很多问题了，但我不知道如何将它们应用到这个具体案例中。我制作了一个jQuery文件，在每个div后面都包含一个带有特定类的图像。jQuery本身很好，因为我可以用段落标记更改图像标记，然后它显示在我的浏览器中。下面是我在functions.php中的内容

function wpa_scripts() {
wp_enqueue_script(
    'divider',
    get_template_directory_uri() . '/js/divider.js',
    array('jquery'),
    null,
    true
);
$script_data = array(
    'image_path' => get_template_directory_uri() . '/images/'
);
wp_localize_script(
    'divider',
    'divider_data',
    $script_data
); } add_action( 'wp_enqueue_scripts', 'wpa_scripts' );

下面是我的.js中的内容

jQuery(document).ready(function($){

$('.contentpage').after('<img src=" '$script_data' + divider_placeholder.png">');   });

jQuery（文档）.ready（函数（$）{
$（'.contentpage'）。在（''）；}之后；

谁能告诉我我做错了什么吗？提前谢谢

亲切问候,，

---

Stef您的变量

$script\u data

在js文件中的语法不正确，并且您没有访问预定义的本地化变量

divider\u data

：

而不是：

$（'.contentpage'）。在（''）；}之后

应该是：

$('.contentpage').after('<img src="' + divider_data.image_path + 'divider_placeholder.png">');   });

$（'.contentpage'）。在（''）；}之后；
您需要在jQuery函数中使用
'divider\u data.image\u path'
而不是
$script\u data
：

jQuery(document).ready(function($){

    $('.contentpage').after('<img src="' + divider_data.image_path + 'divider_placeholder.png">');

});

jQuery（文档）.ready（函数（$）{
$（'.contentpage'）。在（''）之后；
});

参考资料：
谢谢！我是Wordpress的新手，所以我的代码可能是我在互联网上找到的答案中最讨厌的。两个答案都是正确的：）