jquery - gif加载图像无法在jquerymoblie中工作

Question

我们获取本地SqLiteDB的数据，然后将数据显示到ListView中，但这需要一些时间，因此我们需要这样的loadingMessage


我们这样尝试

$('#content').append('<img src="../images/Loading_Animation.gif" alt="US Flag" "/>');

但没有运气。请任何人给我指导。请任何人告诉我是否有其他最佳方法

Answer 1

试试这个，我希望它能工作

   **HTML**

   //hide image where do you want to show
   <img src="filename.gif" id="loadinggif" style="display:none">

   **JQuery**

   //before ajax call show gif image

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

   $.ajax({
     url: 'filename.php',
     type: 'POST',
     success: function(data) {

       //after ajax success hide gif

       $("#loadinggif").hide();     

       console.log(data);

     }

   });