0

我有一个网站，它的效果很好，但我有一个问题我想不通，似乎也无法在网上找到答案。

http://ginosoftuscany.com/site/

单击一个位置-您将在图片幻灯片上看到一个模态弹出...

现在是 BUG ）当您查看位置时，将窗口大小拖得更大/更小，您会看到模态不遵循 CENTER，它停留在一个地方并且看起来很糟糕..

如果正在调整窗口大小，我可以添加一些 jquery 来重置吗？

如果您需要我，我会做一个 jfiddle... 认为这只是一行代码。

谢谢，-O

4

2 回答 2

1

你在你的代码中得到了解决方案

var winH = $(window).height();
var winW = $(window).width();
$(id).css('left', winW/2-$(id).width()/2);

将其提取到一个不错的调整大小函数中

function resize()
{ if(current_id === undefined || current_id === false) return;
  $id = $(current_id);
  $id.css('left', $(window).width()/2-$id.width()/2);
}

在弹出窗口打开时填写您的 current_id var，并在关闭时将其设置为 false

之后，只在窗口调整大小时调用调整大小:)

window.on('resize',resize);
于 2013-01-18T13:43:22.490 回答
0

如果您的意思是放大/缩小（Ctrl-鼠标滚轮）导致看起来很糟糕，那么 HTML 布局中的问题，而不是 jQuery 中的问题。在 style.css 中需要 #bellmore {position:absolute;left:50%;margin-left:-480px}

或 $('#bellmore').css('left',calculateLeft) 在每次调整大小事件之后。

于 2013-01-18T13:41:51.790 回答