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显示图像加载，但页面不显示图像

回答

相关问题