javascript - 定位和样式 ajax 加载器

Question

我正在尝试定位(始终在所有设备的页面中心)和样式(颜色、大小等)我的 ajax 加载器 gif。对于位置，我使用 @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'>");