我已经尝试过的（没有变化）：

Question

我今天要解决一个非常具体的问题 - 我只是无法绕过它。对我来说完全没有意义......

关于直播网站：http://rawrockchick.com/#testimonial-slider

如果您向下滚动到主页上的推荐（上面的链接应该会带您到那里），您将看到滑块箭头丢失。出于某种原因，我无法弄清楚URL在图像src之前被添加了几次：

<img src="http://rawrockchick.comhttp://rawrockchick.comhttp://rawrockchick.com/media/manual/slider-arrow-left.png">

两周前的情况并非如此，没有人有意识地接触它。我首先想到了一些使用引导滑块发生的Javascript事情，但正如你所看到的那样，见证图像本身并没有受到影响，即使它被放置在与滑块完全相同的位置。

整个滑块是一个非常简单的自举旋转木马。摘录（相关部分）代码：

<div class="item active">

<div class="row">
<div class="col-sm-8">

<p>"An up-and-coming UK raw food teacher and songstress, Barbara Fernandez has it going on! This girl can do food prep! Her Raw Mexican food is amazing"</p>
<p class="testimonial-author">Nomi Shannon</p>
<p class="testimonial-role">rawgourmet.com</p>

<a class="left carousel-control" href="#testimonial-slider" data-slide="prev"><img src="/media/manual/slider-arrow-left.png"></a>
<a class="right carousel-control" href="#testimonial-slider" data-slide="next"><img src="/media/manual/slider-arrow-right.png"></a>

</div>

<div class="col-sm-4">
<img src="/media/test-nomi-150.jpg" class="img-responsive hidden-xs hidden-sm img-circle" style="margin-left:25px;">
</div>
</div>

</div>

正如您所见，图像的插入方式完全相同。

我已经尝试过的（没有变化）：

我将<img src="/media/manual/slider-arrow-left.png">移出链接并将其直接放在工作图像下，滑块箭头也出现了同样奇怪的行为（通过此测试我想确保＆＃39;没有jquery规则只影响滑块的一列或a标记。）
硬编码绝对图片网址（src="http://rawrockchick.com/media/manual/slider-arrow-left.png"）
WordPress PHP查询图片网址（src="<?php echo home_url(); ?>/media/manual/slider-arrow-left.png"）

如果有人对这种现象有任何想法，我会非常感激。或者想一想如何进一步调试它。

Answer 1

我不确定为什么你会得到一个双重URL，但使用图像的绝对路径可以帮助解决问题。

<img src="<?php echo home_url(); ?>/media/test-nomi-150.jpg" class="img-responsive hidden-xs hidden-sm img-circle" style="margin-left:25px;">

Answer 2

解决。

通过禁用插件插件发现Pinterest悬停按钮插件（准确地说this）导致了这种神秘现象。

感谢所有答案和提示！

WordPress多次为我的图像添加绝对路径

我已经尝试过的（没有变化）：

2 个答案: