javascript - Jquery追加不会显示gif动画

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

可能是您的图片 URL 有问题。请参阅来自维基百科的带有 ajax 加载器图像的工作小提琴。您的代码未更改。

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

I just made it :)

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

All what i done is switch div for image above submit, for some reason when js hide submit i cant get animation :( strange :)