位置和样​​式ajax装载机

Question

我正在尝试定位（总是在所有设备的页面中心）和样式（颜色，大小等）我的ajax加载器gif。对于位置我使用@media-queries，我试图在我的javascript中指定div id。我尝试了内联样式，但这并没有真正起作用。我的目标可以吗？

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

Answer 1

在不知道你的意思的情况下，＆＃34;没有重新开始工作＆＃34;，我们在这里猜测。但是内联样式应该适用于居中

$("#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'>");