Question

我使用fancybox在网页上成功显示iframes。我需要能够针对不同用途更改fancybox iframe的尺寸。我的理解是内联jQuery可能是修改CSS的最佳选择，但我无法让它产生任何影响。

如果我更改了CSS文件中的这些CSS维度值并重新发布它，它可以正常工作 - 但它适用于页面上的所有fancyboxes。这些维度是我需要为fancyboxes的不同实例内联更改的维度。

我已尝试在此html之前添加内联jQuery，修改此fancybox的{{1}} CSS enter code here维度，但我和导致fancybox语法错误或我将其放在错误的位置。以下是我根据在线建议尝试使用html进行的jQuery次调用之一的示例：

请帮助解决任何更正/建议！

编辑：文件中的CSS正在运行。在内联jQuery调用中使用jQuery是否可以？

Edit2：这可能是一个时间问题吗？在jQuery更改CSS之前标记是否可以运行？

＆＃13;

".fancybox-slide--iframe .fancybox-content"

＆＃13;

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

＆＃13;

.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;
  }

＆＃13;

Answer 1

想出来。我没有正确地附加到fancybox。一旦我修好了，一切都很好。下面是一个示例，说明如何将不同的fancybox设置应用于下一个寻找简单示例的人的多个DIV / Classes ...将它放在页面的底部，就在之前：

           <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维度

1 个答案: