Jquery – 如何将mouseleave事件设置为after()生成div？

我使用下面的函数从中心放大div.因为jQuery生成元素无法再次被jQuery访问所以我将onmouSEOut属性放到生成的< div>.但是当我将鼠标移动到div的子元素时,会触发onmouSEOut事件并且不是我想要的.

那么,我该如何修复它还是有其他方法来做同样的@L_673_7@吗？

shows = $(".shows");
shows.bind('mouseenter',function() {
    enlargeCenter($(this),1.8,'bigger');
});

function enlargeCenter(des,ratio,nclass) {
    var oWidth  = des.width();
    var oHeight = des.height();
    var nHeight = oHeight * ratio;
    var nWidth  = oWidth * ratio;
    var left    = des.position().left;
    var top     = des.position().top;
    left        = (oWidth - nWidth) / 2 - oWidth;
    top         = (oHeight - nHeight) /2;


    des.after("<div class='" + nclass + "' onmouSEOut='remove()'>" + des.html() + "</div>");
    $("." + nclass).css({
        'width': nWidth,'height': nHeight,'left': left,'top': top
    });
}

这是css代码

.shows,.bigger {
    float:left;
width:200px;
height:250px;
position: relative;
left:0;
top:0;
border:1px #ccc solid;
@R_801_11442@kground: RGB(245,245,245);
overflow:hidden;
}

.bigger {
border:0;
@R_801_11442@kground: white;
Box-shadow: #ccc 0 0 5px;
-moz-Box-shadow: #ccc 0 0 5px;
-ms-Box-shadow: #ccc 0 0 5px;
-webkit-Box-shadow: #ccc 0 0 5px;
}

HTML

<div class="container">
    <div class="shows">
        <p>odfelakjfelkavjekvaelkfjjjj</p>
    </div>
</div>

如果你将鼠标移动到< p> onmouSEOut事件将被触发,更大的div将被删除.

...
des.after("<div class='" + nclass + "'>" + des.html() + "</div>");
    $("." + nclass).css({
        'width': nWidth,'top': top
    }).mouSELEave(function(){$(this).remove()});
...