需要正确的内联jQuery语法才能更改fancybox的维度

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用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>

回答：

想通了。我没有正确地附加到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>

以上是 需要正确的内联jQuery语法才能更改fancybox的维度 的全部内容， 来源链接： utcz.com/qa/266563.html

回到顶部