JQuery - 试图调整Fancybox的尺寸

我试图调整fancybox的灯箱大小，使其不占用整个页面。这里是我到目前为止的代码：JQuery - 试图调整Fancybox的尺寸

<script type="text/javascript"> 
    $(.fancybox.open({ 
     autoDimensions: false, 
     width: "60%" 
    }); 
</script>

但是这并没有做任何事。这段代码有什么不对吗？

2016-08-19 B Johnson

花式框可能有一个id或某种可以引用的标签，对吗？您发布的代码不会更改您的fancybox，因为它不涉及特定（甚至是类）的项目。 – Apolymoxic

我更新了代码，但仍然没有。我觉得我错过了一些引文或偏执或其他东西。 –

也许这个问题可以帮助你，如果你想使用CSS：http：//stackoverflow.com/questions/21755991/jquery-change-fancybox-width – Xetnus

你可以尝试这样的：

<script type="text/javascript"> 
    $('.fancybox').css("width", "60%"); 
</script>

您可能需要打开盒子后，要做到这一点，如果当第一次打开盒子创建框属性。

它看起来像你试图做一些函数调用，但我不认为这是必要的。但是，如果你需要的是，尝试使用这样的：

<script type="text/javascript"> 
    $('.fancybox').open(function(){ 
     width: "60%" 
    }); 
</script>

或者，尝试this基于@Xetnus建议。

2016-08-19 21:38:01 Apolymoxic

感谢您的帮助，不幸的是这些工作都没有。我肯定需要调用一个名为autoSize的变量，并根据我的理解将其设置为false。 –

如果一切都失败了，你可以进入fancybox的js文件并在那里修改。但是，请谨慎操作，因为这会修改每个fancybox。不建议修改js文件，但如果您只打算使用一对精致的盒子，并且它们都需要具有相同的尺寸，这对您来说可能是一个有效的选择。 – Apolymoxic

回答