DOM顯示圖像加載，但頁面不顯示圖像

我加載圖像後，從形式提交，這裏是我的代碼：DOM顯示圖像加載，但頁面不顯示圖像

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

這是on Rails的資產管線的一部分3.2。該按鈕已正確替換爲圖像，並且DOM正確顯示圖像的路徑，但頁面只顯示丟失的圖像符號。任何想法爲什麼會發生？

編輯

當我檢查按鈕，它正確地替換，我可以單擊圖像路徑和瀏覽圖像，如此明顯的路徑是正確的。問題是，它不會顯示在頁面上。

來源

2013-04-02 Spentacular

因爲圖像實際上是缺失的？ – Blazemonger

試試image_tag（「loading.gif」） – Abid

image標籤位於一個名爲admin的文件夾中，這就是爲什麼路徑是admin/loading.gif。我可以將圖像移動到根目錄，同樣的事情發生。當我檢查它時，我可以點擊圖像，這是正確的圖像，但它不顯示在頁面上。 – Spentacular

當單擊該按鈕並且按鈕元素被替換爲圖像時，頁面將顯示'丟失圖像'符號，直到圖像完全加載。點擊按鈕後，不需要加載圖像，而是使其成爲頁面上其他位置的不可見元素。現在，當點擊該按鈕時，該圖像已經被加載。

來源

2013-04-04 02:31:56 Fred

你可能在某處設置了z-index錯誤，所以圖像是不可見的？

來源

2013-04-02 20:13:17 Lichtamberg

不，我可以看到圖像路徑（我正在使用chrome，因此它只是顯示爲山脈圖片） – Spentacular

您能發佈生成的html代碼嗎？ – Lichtamberg

更好的是，這是它的行動（只需點擊註冊，無需填寫任何內容）：https：//www.worldbibleschool.org/register – Spentacular

DOM顯示圖像加載，但頁面不顯示圖像

回答

相關問題