javascript - jQueryで同じhtmlを要素に複数回挿入する

Question

ユーザーがボタンをクリックしてから、HTML を要素にポップさせたいと考えています。私はそうしましたが、それは機能しますが、一度しか機能しません。ボタンをもう一度クリックしても、何も起こりません。empty() を使用すると問題が解決すると思いましたが、そうではありません。私のコードの何が問題なのですか。

<script type="text/javascript" >

$(document).ready( function() {

   $('#button').on('click', function () {

     $('#ul').html('<li>testing testing</li>').hide(1000, function() {

        $(this).empty();    

     });    

   });

});

</script>

<input type="button" value="click me" id="button" />

<ul id="ul">

</ul>

Answer 1

ボタンを 2 回クリックすると、要素は非表示になります。できるよ：

$('#ul').show().html('...

http://jsfiddle.net/KXkgZ/

Answer 2

$("#button").click(function(){ 
    $("#ul").append("testing testing");
});

Answer 3

ボタンをクリックするたびにhtmlをポップしたいので、使用する必要がありますappend

$('#ul').append('<li>testing testing</li>');

追加を参照

Answer 4

jQuery('<li>testing testing</li>').appendTo('#ul').hide(1000, function() {
    $(this).remove();    
 });    

Answer 5

.hide（）を実行するときは、CSSセレクター "display"="NONE"を設定します。次のように変更する必要があります。

$('#ul').html('<li>testing testing</li>').hide(1000, function() {
  $(this).empty();
  $(this).show();
});