需要正確的內聯jQuery語法才能更改fancybox的維度

我正在使用fancybox在頁面上成功顯示iframes。我需要能夠針對不同用途更改fancyboxiframe的尺寸。我的理解是，聯機jQuery可能是修改CSS的最佳選項，但我無法使其發揮任何作用。需要正確的內聯jQuery語法才能更改fancybox的維度

如果我在CSS文件中更改這些CSS尺寸值並重新發布它，它工作得很好 - 但它適用於頁面上的所有fancyboxes。這些維度是我需要在線更改fancyboxes的不同實例的維度。

我試過這個網站可修改fancybox CSS enter code here維度，此fancybox前右加內嵌jQuery，但無論我得到了jQuery語法錯誤，否則我將它放錯了地方。以下是我嘗試使用基於在線建議的html的衆多jQuery調用中的一個示例之一：

請幫助完成任何更正/建議！

編輯：文件中的CSS正在工作。在內聯jQuery調用中使用".fancybox-slide--iframe .fancybox-content"可以嗎？

編輯2：它可能是一個時間問題？標記可以在jQuery改變CSS之前運行嗎？

$(".fancybox-slide--iframe .fancybox-content").css("width", "1200px");

.fancybox-slide--iframe .fancybox-content { 
 
    width : auto; 
 
    height : auto; 
 
    min-width: 600px; 
 
    min-height: 500px; 
 
    max-width : 100%; 
 
    max-height : 100%; 
 
    margin: 0; 
 
    box-shadow: 0 0 16px #999; 
 
    border: 3px solid red; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="add-track-container"> 
 

 
    <a class="text add-track-container2" data-fancybox data-src="../../test/ytsearch/index.html" href="javascript:;"> 
 

 
     <img class="add-track-icon" src="common/images/desktop_icons/addcircle50.png" alt="Add Track" /> 
 

 
    </a> 
 
</div>

來源

2017-12-27 Mcbeese

**語法錯誤：**'.css（「width」：「1200px」）'=>'.css（「width」，「1200px」）'/ *固定在edit上。* /也不需要使用'px' 'px'默認情況下 – Pedram

我先試過這個語法，它不起作用。顯示的語法來自W3，用於多個參數......我也在嘗試，但忘記改回。我嘗試了和沒有px只是爲了確保。 – Mcbeese

想通了。我沒有正確地附加到fancybox。一旦我修好了，一切都很好。下面是如何以不同的fancybox設置應用於多個div /類爲尋找一個簡單的例子，旁邊的人的例子......把這個在你的頁面的底部，右側前：

  <script> 
       $('[data-fancybox]').fancybox({ 
        toolbar : false, 
        smallBtn : true, 
        afterClose: function() { 
        parent.location.reload(true); 
       } 
       }) 

       $(".log-reg").fancybox({ 
        toolbar : false, 
        smallBtn : true, 
        iframe : { 
         css : { 
          height : '500px' 
         } 
        } 
       }); 
      </script>

來源

2018-01-08 05:29:02 Mcbeese

需要正確的內聯jQuery語法才能更改fancybox的維度

回答

相關問題