我已经在WP上建立了一个网站几天,过去我使用SVG Injector时,今天却遇到了一个新的错误。坦率地说,我不知道我在这里看什么。
我想知道是否有人可以提供帮助?
Chrome开发工具(Android)
jquery-1.12.4-wp.js:2 Uncaught Error: Syntax error, unrecognized expression: Attempted to inject a file with a non-svg extension: data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E
at Function.ea.error (jquery-1.12.4-wp.js:2)
at ea.tokenize (jquery-1.12.4-wp.js:2)
at ea.select (jquery-1.12.4-wp.js:2)
at Function.ea (jquery-1.12.4-wp.js:2)
at Function.a.find (jquery-migrate.min-1.4.1.js:2)
at n.fn.init.find (jquery-1.12.4-wp.js:2)
at n.fn.init.a.fn.find (jquery-migrate.min-1.4.1.js:2)
at a.fn.init.n.fn.init (jquery-1.12.4-wp.js:2)
at new a.fn.init (jquery-migrate.min-1.4.1.js:2)
at n (jquery-1.12.4-wp.js:2)
该错误并没有告诉我哪个元素引发了该错误,由于我在页面上的各个位置都使用了SVG注入器,因此该错误本身就很令人讨厌。
“收件箱”,无论出于何种原因,我都可以按预期在网页上加载页面,但不能在移动设备上加载。
我将抛出错误的字符串转换为如图所示的可读格式,并搜索了我的文件目录,但遗憾的是没有结果。
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'></svg>
有人能指出我正确的方向吗?
编辑:2019年5月27日16:58
我将错误范围缩小到单个元素...
<div id="SVGNonStandardHeroShape" class="col-lg-7 svg-preloader">
<div class="px-lg-5">
<!-- SVG Illustration -->
<figure class="ie-non-standard-hero-shape">
<img class="js-svg-injector" src="<?php echo get_stylesheet_directory_uri() ?>/assets/svg/illustrations/non-standard-hero-shape.svg" alt="Image Description" data-img-paths='[
{"targetId": "#SVGNonStandardHeroShapeImg1", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"},
{"targetId": "#SVGNonStandardHeroShapeImg2", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"}
]' data-parent="#SVGNonStandardHeroShape">
</figure>
<!-- End SVG Illustration -->
</div>
</div>
编辑:2019年5月27日17:06
进一步的调查将其范围缩小到以下属性...
data-img-paths='[
{"targetId": "#SVGNonStandardHeroShapeImg1", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"},
{"targetId": "#SVGNonStandardHeroShapeImg2", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"}
]'
编辑:2019年5月27日17:26
对我来说,原来是另一个导致问题的插件。 WP Rocket尝试将“延迟加载”应用于内部图像。