Подтвердить что ты не робот

Turbolinks с изображениями несущей в качестве фонового изображения CSS

Я использую turbolinks в этом году, но в последнее время я получаю эту неприятную ошибку. Изображения, загруженные с помощью несущей, загружаются на сайт с абсолютным URL-адресом в первом запросе, но когда вы начинаете просмотр на сайте с помощью turbolinks, все изображения с несущей передаются на относительные пути. <% = image_tag "image.jpg% > работают нормально, но изображения загружаются как фоновое изображение CSS, они не отображаются. Это, по-видимому, происходит только на хром (у меня есть версия 31.0.1650.57 м). трассировка через консоль и все изображения загружаются в документ, поэтому я пошел к инспектору и отключил/включил свойство" фоновое изображение" конкретного элемента, и произошло волшебство: появилось изображение.

Я использую рельсы 3.2.14, с turbolinks:

gem 'turbolinks', '1.3.1'
gem 'jquery-turbolinks', '2.0.1'

Я уже тестировал это на Firefox 25.0.1, и он работает нормально.

Любое предложение? Благодаря

4b9b3361

Ответ 1

Я просто понял, что если вы используете абсолютный URL-адрес для фоновых изображений, то ошибка будет ошибкой. Так вот как я вызываю несущие изображения в моем помощнике:

img = ProductImage.find(id) 
"#{request.protocol}#{request.host_with_port}#{img.photo}"

фото - это атрибут, используемый с загрузчиком несущей.