Fancybox寬度不適用

使用以下JS寬度未被調整。當我使用'750'或'750px'Fancybox寬度不適用

$('a#city-prompt').fancybox({ 
    'width': 750 
});

我已經發布了關於這個fancybox論壇和沒有得到迴應沒有得到調整

來源

2011-02-12 Webnet

你可能必須設置autoSize到false：

$('a#city-prompt').fancybox({ 
    'width': 750, 
    'autoSize': false 
});

關於width從documentation：

內容類型'iframe'和'swf'的寬度。也爲內嵌的內容設置，如果 'autoDimensions' 從
to.width = currentOpts.width + double_padding; 
設置爲 '假'

來源

2011-02-12 23:28:30

這個答案是過時的。 `autoDimensions`選項不是2.0版本Fancybox的一部分。看到這裏：http://fancyapps.com/fancybox/#docs - 並嘗試使用`autoSize`，`autoWidth`或`autoHeight`來代替。 – leepowers 2014-07-23 02:29:00

變化_get_zoom_to（上線690），以

to.width = parseInt(currentOpts.width) + parseInt(double_padding);

來源

2011-09-06 11:38:56 yangtao

我用Fancybox 1.3.4試過這個，根本不起作用。 – basZero 2011-09-15 14:43:27

確保不包括'當寫出像素寬度時。因此，而不是

「寬度」：「100」，你應該有「寬度」：100，

希望幫助...

來源

2011-11-22 13:55:29

令人驚訝但真實 – Ash 2012-02-13 17:47:18

除了其他的答案，解決身高問題我改線

來自：
to.height = currentOpts.height + double_padding;

到：
to.height = parseInt(currentOpts.height) + parseInt(double_padding);

來源

2012-10-08 00:50:49 Nick

這裏的答案都不爲我工作，但是這並獲得成功：

$.fancybox({ 
    'content':$("#element").html(), 
    'width':'500', 
    'autoDimensions':false, 
    'type':'iframe', 
    'autoSize':false 
});

的'autoSize':false是缺少關鍵

來源

2013-08-03 02:52:36

您使用的是哪種版本的Fancybox？我想知道他們是否改變了參數的名稱... http://fancybox.net/api中的使用`AutoDimensions`。看起來你正在使用'FancyBox 2` - http：// fancyapps。com/fancybox /＃docs – Webnet 2013-08-05 12:46:31

`autoSize`也爲我做了竅門。沒有別的工作。謝謝 – Onimusha 2013-12-06 17:41:22

試試這個。您需要設置autoSize到false：

$(".fancybox").fancybox({'width':400, 
         'height':300, 
         'autoSize' : false});

來源

2014-10-15 12:52:30

在的fancybox 2版及以上版本使用'autoSize':false

Fancybox Documentation

來源

2015-11-20 09:00:15 jobima

Fancybox寬度不適用

回答

相關問題