Fancybox 2 从参数设置宽度和高度答案

【问题标题】：Fancybox 2 set width and height from parameterFancybox 2 从参数设置宽度和高度
【发布时间】：2013-07-10 15:02:22
【问题描述】：

我有一个元素，onClick 从属性中获取宽度和高度，然后调用 showFanceBox() 函数。

function showFanceBox(fWidth, fHeight, path){

    console.log(fWidth, fHeight, path)
    $.fancybox({
        width           : fWidth,
        height          : fHeight,
        closeClick      : false,
        padding         : 0,
        type            : "iframe",
        href            : 'games/'+path+'/index.html'
    });
}

console.log 完美返回参数 ex: 800 300 p04e1

fancybox 会打开链接，但大小不对，它会变成全屏或类似的东西。有人可以向我解释我错过了什么吗？为什么“path”变量不起作用，而“fWidth”和“fHeight”却不起作用？

【问题讨论】：

嗯，您尝试过以下选项吗：autoScale: false 和 autoDimensions: false？
您的代码完美运行jsfiddle.net/vkWQU 可能只是添加fitToView: false .... 还要检查您是否缺少fancybox css 文件
添加了 autoScale: false autoDimensions: false ，没有任何区别，并且包含 css 否则它不会放在上面。
每次我设置宽度和高度的默认值时，它都会相应地缩放它，但是当我放置一个值时，它会使其全屏显示。

标签： jquery fancybox height width

【解决方案1】：

好的，所以睡个好觉会有所不同:) 如果你们中的任何人有同样的问题，那是因为您的变量是 String 而不是 Int 在 fancybox 之前添加这些将修复脚本：

fWidth = parseInt (fWidth);
fHeight = parseInt (fHeight);

【讨论】：

也许你传递了像showFanceBox("400", "200", "some url")这样的参数，但是整数值没有像showFanceBox(400, 200, "some url")jsfiddle.net/vkWQU这样的引号