ポジションとスタイルajaxローダー

Question

私は（私はすべてのデバイスのために常にページの中心に）、スタイル（色、サイズなど）my ajax loader 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'>");