位置和样式ajax加载器

Question

我正在尝试定位(总是在所有设备的页面中心)和样式(颜色，大小等)我的ajax加载器gif。对于position，我使用@media-queries，并尝试在我的javascript中指定一个div id。我尝试了内联样式，但这并不是真的有效。我的目标可以实现吗？

$("#list").html("<img src='/images/ajax-loader.gif' width='200'>");

Answer 1

在不知道你所说的“完全不起作用”是什么意思的情况下，我们只是在猜测。但是，内联样式应该可以很好地用于居中

$("#list").html("<img src='/images/ajax-loader.gif' width='200' style='position:fixed; left:50%; top:50%;transform: translate(-50%, -50%);'>");

我建议将它移到css中的一个类中：

.loader {
     position:fixed;
     left:50%;
     top:50%;
     transform: translate(-50%, -50%);
}

然后只需应用它：

      $("#list").html("<img src='/images/ajax-loader.gif' width='200' class='loader'>");