帮助简单的jQuery函数

Question

我有这段代码.

我想要的是当我点击.delbutton #slide将隐藏.

$(document).ready(function() {
    var slide = $('#slide')
    $('.link').click(function() {
        slide.animate({'bottom' : '0px'}, 500).append('<div class="delbutton"></div>')            
    });
});

$(document).ready(function(){
    $('.delbutton').click(function() {
        $('#slide').hide()
    })                     
})

无法弄清楚它有什么问题.只是不工作.

谢谢你的帮助

Answer 1

您的点击功能未应用于任何内容,因为您添加它的DIV在应用时不存在.您需要使用实时处理程序,它将适用于单击处理程序,但不适用于所有类型的事件.

$(".delbutton").live("click", function(){
  $('#slide').hide();
});