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

第二次单击该按钮时，该元素被隐藏。你可以这样做:

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

http://jsfiddle.net/KXkgZ/