Question

有人可以解释我为什么我不能用追加显示gif图像。这是我的代码：

HTML

<p id="register_p">
<label for="submit"></label>
<input id="register" type="submit" name="register" value="Registracija"/>
</p>
<p>
<div id="reg_js_img"></div>
</p>

的JavaScript

$(document).ready(function(){
   $("#register").click(function(){
       var loader_img = '<img src="<?php echo base_url() ?>css/img/ajax-loader.gif" alt="Loading" />';
   $("#register_p").hide();
   $("#reg_js_img").append(loader_img);
   });
});

Answer 1

您的图片网址可能存在问题。看看来自维基百科的这个工作小提琴w / ajax loader图像。你的代码没有变化。

http://jsfiddle.net/Penfq/1/

$(document).ready(function(){
   $("#register").click(function(){
       var loader_img = '<img src="http://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif" alt="Loading" />';
   $("#register_p").hide();
   $("#reg_js_img").append(loader_img);
   });
});

Answer 2

我刚刚做到了：）

<div id="reg_js_img"></div>
<p id="register_p">
<label for="submit"></label>
<input id="register" type="submit" name="register" value="Registracija"/>
</p>

我所做的就是切换上面提交的图片div，由于某种原因当js隐藏提交我不能得到动画:( 奇怪:)）

Jquery追加不会显示gif动画

2 个答案: