jquery - 将选择器添加到我的 iframe

Question

我将 colorbox 用于页面加载时出现的弹出窗口，它使用内联 CSS 设置脚本中的宽度和高度。但是，我需要使用媒体查询来更改较小屏幕的宽度和高度，但我不知道如何从我的 CSS 访问代码。我已经尝试添加一个 ID 和一个类，其中宽度和高度当前是，但它们似乎都不起作用，而且我对此的了解非常非常有限。粘贴下面的代码以显示当前正在使用的内联 CSS。我想把它移到我的 CSS 文档中:

<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<script>
  function openColorBox(){
    $.colorbox({iframe:true, width:"600px", height:"450px", href: "popup.html"});
  }

  setTimeout(openColorBox, 5000);
</script>

Answer 1

Colorbox API定义一个 className 参数来添加一个类。