Jquery WordPress上的fancyBox调整窗口大小

我正在使用WordPress的fancyBox插件，我有一个问题。当我调整窗口大小时，弹出窗口不会调整大小，但是如果我在调整了窗口大小的图像中导航，它会正确调整弹出窗口的大小。我正在尝试做一个额外的回调，如下所示：

window.onresize = function(event) {
   $.fancybox.resize();
}

但它显示一个错误：$未定义。

尝试使用jQuery而不是$

您应该使用而不是window.onresize，因为使用本机事件处理程序可能会干扰jQuery，也可能会被jQuery干扰。因此，如果您有jQuery，请使用jQuery方法

我不知道您有什么版本的FancyBox$，但如果您使用的是最新的2.1.0，您可以将其传递给构造函数，它将为您执行以下操作：

自动标注：真 对于内联视图和ajax视图，将视图的大小调整为 元素接收。确保其具有尺寸，否则将 出人意料的结果

,

您还可以使用以下一项或多项：

 Method                 Description
----------------------------------------------------------------------------
 $.fancybox.resize  // Auto-resizes FancyBox height to match content height
 $.fancybox.center  // Centers FancyBox in viewport

根据，$.fancybox.resize适用于v1.3及以下版本。然而，它实际上在2012年9月19日的最新文档中被引用，在公共方法下

JQuery(document).ready(function() {

  window.onresize = function(event) {
    JQuery('.fancybox').resize();
  }

)};

幻想是一门课，对吗

 Method                 Description
----------------------------------------------------------------------------
 $.fancybox.resize  // Auto-resizes FancyBox height to match content height
 $.fancybox.center  // Centers FancyBox in viewport

JQuery(document).ready(function() {

  window.onresize = function(event) {
    JQuery('.fancybox').resize();
  }

)};