hover失效问题_input hover事件

在用后台数据重新构建html也就是demo树时，重新构建出来的控件是没有任何绑定事件的。
1

//hover事件对ajax中重构的控件无效
$('.a').hover(function(){  
                $('.b').show();  
            },function(){  
                $('.b').hide();  
            }); 
$.ajax({
            type: "GET",
            async:  true,
            data:"json",
            url: url,
            success: function (data) {
                var $div = $("#test");
                var str="<input class='a' type='button' value='"+data.id+"'/>";
                $div.append(str);
                //重新为a绑定hover事件
                $('.a').hover(function(){  
                    $('.b').show();  
                },function(){  
                    $('.b').hide();  
                }); 
            },
            error: function(data){
                console.log(data);
                alert("出错，请稍后再试！");
            }
        });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27