jquery - 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

演示

$('.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();
});