在我正在构建的插件中,图像路径上出现了一些404错误。
我正在尝试构建一个插件,其中包含一些Javascript和图像(如关闭图标和进度条),我希望将其加载到前端。我找到了将jQuery排队的合适技术,然后找到了注册和排队我编写的jQuery脚本的合适技术。唯一的问题是jQuery需要加载一个像关闭图标和进度条这样的图像。我被告知,我不能在各种博客情况下依赖相对路径,也不能将图像与脚本放在同一目录中。所有东西都无法加载这些图像——我得到了404,因为WordPress的路径错误。
当然,我可以指定如下内容。。。
jQuery(\'#test\').css(\'background\',\'transparent url(wp-content/plugins/myplugin/closer.png) 0 0 no-repeat\');
。。。但是wp内容/插件/myplugin/closer。png路径在某些方面是不可靠的,人们设置他们的博客。
让我的前端jQuery组件加载这些图像而不出现404错误和硬编码路径的技术是什么?我的意思是,WordPress是否会自动在jQuery中注入某种路径全局常量,我可以选择并使用它?
最合适的回答,由SO网友:Volomike 整理而成
答案是在执行wp\\u register\\u script()和wp\\u enqueue\\u script()之前,先使用wp\\u register\\u style()和wp\\u enqueue\\u style(),以便使用CSS文件的相对图像路径。然后,我将url()内容从jQuery移动到具有此相对路径的CSS文件中。