需要正确的内联 jQuery 语法来更改 fancybox 尺寸

Question

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

如果我在 CSS 文件中更改这些 CSS 维度值并重新发布它，它工作得很好——但它适用于页面上的所有 fancyboxes。这些维度是我需要为 fancyboxes.

的不同实例更改内联的维度

我尝试在 html 之前添加内联 jQuery 修改 fancybox CSSenter code here 尺寸 fancybox，但要么我的 jQuery 语法错误，要么我把它放在错误的地方。这是我根据在线建议使用 html 尝试过的许多 jQuery 调用之一的示例：

请帮忙解决任何问题corrections/suggestions！

编辑：文件中的 CSS 有效。可以在内联 jQuery 调用中使用 ".fancybox-slide--iframe .fancybox-content" 吗？

Edit2：会不会是时间问题？在 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>

Answer 1

想通了。我没有正确地附加到 fancybox。一旦我解决了这个问题，一切都很好。这是一个示例，说明如何将不同的 fancybox 设置应用于多个 DIVs/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 尺寸

Need correct inline jQuery syntax to change fancybox dimensions

html

css

iframe

jquery

fancybox