jQuery Modal + .show()和.hide()

时间:2012-03-29 02:27:30

标签: jquery html css

请访问此link 单击第一个图像。现在显示模态页面(我用这个jquery.nyroModal)来显示它。

好的,现在,点击图片上方的“aqui”。

在这个动作上我简单地这样做:

$(document).ready(function(){       

            $('#produtos').hide();
            $('#wrapper_detalhes').show();

            $('#exibe_detalhes').click(function(e) {
                $('#wrapper_detalhes').show();
                $('#produtos').hide();
                e.preventDefault;
                return false;
            });

            $('#exibe_produtos').click(function(e) {
                $('#wrapper_detalhes').hide();
                $('#produtos').show();
                e.preventDefault;
                return false;
            });         

            });

隐藏一个div,并显示另一个div,但在第二个div上我显示id=produtos当我再次点击“aqui”时,在我的模态窗口上,出现滚动条......但是heightwidth与第一次打开模态时相同......

发生了什么事?

PS:条形图仅在Chrome上显示。在IE上它显示非常好!我没有在Firefox上测试

1 个答案:

答案 0 :(得分:1)

将css overflow:hidden规则应用于模态。它应该强制任何滚动条消失。

#modal { overflow: hidden; }