2013-04-02 17 views
0

я загружаю изображение после того, как отправить из формы, вот мой код:DOM показывает, что загрузил изображение, но страница не показывает изображение

$('#new_student').submit(function(event) { 
    var spinner = '<%= image_tag("admin/loading.gif") %>'; 
    $('#register_student').replaceWith(spinner); 
}); 

Это часть трубопровода активов на Rails 3.2. Кнопка правильно заменена изображением, а DOM правильно показывает путь к изображению, но на странице отображается только отсутствующий символ изображения. Любые идеи о том, почему это произойдет?

EDIT

Когда я проверить кнопку, он правильно заменяет и я могу нажать на пути изображения и просматривать изображения, поэтому, очевидно, правильный путь. Проблема в том, что она не отображается на самой странице.

+0

Поскольку изображение, по сути, отсутствует? – Blazemonger

+0

try image_tag ("loading.gif") – Abid

+0

Тег изображения находится в папке с именем admin, поэтому путь - admin/loading.gif. Я могу переместить изображение в корень, и то же самое происходит. Я могу щелкнуть изображение, когда оно будет заменено, когда я его осмотрю, и это правильное изображение, но оно не отображается на странице. – Spentacular

ответ

1

Когда кнопка нажата, а элемент кнопки заменен изображением, на странице отображается символ «отсутствует изображение», пока изображение не загрузится полностью. Вместо того, чтобы загружать изображение после нажатия кнопки, сделайте его невидимым элементом в другом месте на странице. Теперь, когда кнопка нажата, изображение уже загружено.

0

Возможно, вы где-то установили z-index, поэтому изображение невидимо?

+0

Нет, я вижу путь к изображению (я использую хром, поэтому он просто отображается как изображение горы) – Spentacular

+0

вы можете опубликовать генерируемый код html? – Lichtamberg

+0

Еще лучше, вот он в действии (просто нажмите кнопку регистрации, не нужно ничего заполнять): https://www.worldbibleschool.org/register – Spentacular

Смежные вопросы