需要正确的内联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的维度

回答

相关问题