由Bootstrap打破的JQuery反弹效果

Question

我正试图在悬停时弹出一个弹出窗口。我希望弹出窗口是Bootstrap（v3.0.0）面板。 问题是，面板在弹跳效果后改变了它的宽度。

示例：http://fiddle.jshell.net/YxRvp/

任何人都知道如何解决这个问题？

Answer 1

将min-width:315px;添加到.poppy

http://fiddle.jshell.net/YxRvp/10/

#poppy {
    position: absolute;
    top: 200px;
    left: 250px;
    width: 315px;
    height: 200px;
    overflow: hidden;
    background: #f9f9f9;
    display: none;
    z-index: 2;
    min-width:315px;

}

Answer 2

DEMO

$('.hover').mouseenter(function (e) {
    $('#poppy').css('top', e.pageY).css('left', e.pageX);
    $('#poppy').effect("bounce", {
        times: 1
    }, 200);
    $('.overlay').show();
});

$('.hover').mouseleave(function () {
    $('#poppy').hide();
    $('.overlay').hide();
});