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

回答