2013-01-18 48 views
0

我有一個網站,它的出現很好,但我有一個問題,我無法弄清楚,似乎無法在網上找到答案。jquery - 拖動和調整窗口大小,並保持模態在中心?

http://ginosoftuscany.com/site/

點擊一個位置 - 你會看到在圖片幻燈片一個模式彈出...

現在的BUG),當你查看一個位置拖動窗口大小大/小和你會看到模式不遵循中心,它留在一個地方,看起來可怕..

如果窗口大小正在調整,我可以添加一些jquery重置?

如果你需要我,我會做一個jfiddle ......只是一行代碼而已。

感謝, -O

回答

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變種,並將其設置爲false接近

後,只調用窗口大小調整大小:)

window.on('resize',resize); 
+0

謝謝我打賭這是答案,我試圖添加代碼,但現在運氣..我可能把它錯了...我做了一個jfiddle你可以添加代碼和更新? http://jsfiddle.net/PnymY/ – MuhuPower

+0

http://jsfiddle.net/PnymY/1/ – r043v

+0

我愛你....... – MuhuPower

0

如果你的意思是放大/縮小(按Ctrl-鼠標滾輪)事業看上去很糟糕,那麼問題的HTML佈局,而不是在jQuery的。 需要#bellmore {position:absolute; left:50%; margin-left:-480px} in style.css

或$('#bellmore').css('left',calculateLeft)在每個resize事件之後。

相關問題