アニメーションは、私はいくつかのアクションがロードであることを人々に伝えるために、このイメージを持ってjQueryの

Question

にロードされていない

<div id="loading"> 
    <p><img src="/img/ajax-loader.gif" /> Please Wait</p> 
</div> 

は、その後、私はそれのために、このCSSを置く：

#loading 
{ 
    display:none; 
} 

はその後、私のjQueryの中で、私はこれを行う：

$("#loading").show(); 

しかし、それはレンダリングされません。私が間違ってやっていることや、なぜそれが現れないのか、どんな考えですか？ http://www.problemio.com/problems/problem.php?problem_id=216

感謝を：

はここでこれが起こることになっているページの例です！

Answer 1

Google hromeでのテスト（開発者用コンソールで$（ "＃loading"）。show（）;を実行している）が正常に動作しているようです。

要素がページの下部に配置され、表示されないことがありますか？それは問題が

また

#loading { 
    position: fixed; 
    left: 50%; 
    top: 50%; 
    background-color: #fff; 
    border: 1px solid #aaa; 
    padding:0 20px; 
} 

あなたはおそらく次

• にブロックの外観のロジックを変更する必要がありますあなたのCSSに以下のスタイルを適用しようとするなら

  表示ユーザーがajax呼び出しをトリガーするリンクをクリックすると直ちに表示されます。

• ajaxコールを実行します。
• Ajax呼び出しが完了します（エラーまたは成功）
• あなたのコードに問題がある負荷のdiv

• は、エラー/成功ハンドラで

  $('#add_attempted_solution').bind('submit',function() { 
  
  // pre ajax call code 
  
  $("#loading").show(); 
  $.ajax({ 
      type: "POST", 
      url: "/auth/check_login.php", 
      dataType: "json", 
      success: function(data) { 
       $("#loading").hide(); 
  
       // success handling 
       ...... 
       .... 
      }, 
      ... 
      error: function() { 
       $("#loading").hide(); 
  
       // error handling 
       .... 
       ... 
      } 
      ... 
  }) 
  

  }

Answer 2

を続行隠しますラインのどこかにある。ブラウザのアドレスバーにjavascript:$("#loading").show();と入力すると、divの罰金が表示されます。あなたのJSコードを文書の最後に移動して（必要な箇所にセミコロンがあることを確認してください）、コードを3回確認してください。

具体的には、/auth/check_login.phpへのAJAXリクエストは成功コールバックを発生させていないため、完全コールバックを使用してみてください。