mouseenter,mouseleave顯示的層input無法選中

Question

mouseenter,mouseleave顯示的層input無法選中,點擊input時就消失.divevent{width:600px; height:60px;background:#000000; position:relative;}
.diveffect{position:absolute;top:0; left:0; background:#000000;}$(function(){
    $('.divevent').mouseenter(function(){
        $('.diveffect').stop(true,true).show();
             $('.txteffect').focus();
    }).mouseleave(function(e){
        $('.diveffect').stop(true,true).hide();
    });
}); 
<div class="divevent">
</div>
   <div class="diveffect">
       <input type="text" class="txteffect" />
    </div>

Answer 1

$(function(){
    $('.divevent').hover(function(){
        $('.diveffect').stop(true,true).show();
             $('.txteffect').focus();
    },function(e){
        $('.diveffect').stop(true,true).hide();
    });
});

Answer 2

不行請在http://jsfiddle.net/AeZP4/1/測試下

Answer 3

你的html代码写作错了<div class="divevent">
   <div class="diveffect">
       <input type="text" class="txteffect" />
    </div>
</div>改成这样就好了！