0

誰かが私にappendで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);
   });
});
4

2 に答える 2

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);
   });
});
于 2013-02-08T01:49:44.377 に答える
0

私はちょうどそれを作りました:)

<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が送信を非表示にすると、アニメーションを取得できません:(奇妙な:)

于 2013-02-08T02:58:46.807 に答える