1

WordPress 用の fancyBox プラグインを使用していますが、問題があります。ウィンドウのサイズを変更してもポップアップのサイズは変更されませんが、ウィンドウのサイズを変更して画像をナビゲートすると、ポップアップのサイズが適切に変更されます。次のような追加のコールバックを作成しようとしています:

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

しかし、エラーが表示されます: $ is not defined.

4

3 に答える 3

0

jQuery代わりに使用してみてください$

window.onresize = function(event) {
   jQuery.fancybox.resize();
}
于 2012-09-20T04:29:04.207 に答える
0

多分これを試してみてください...

JQuery(document).ready(function() {

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

)};

.fancyクラスは正しいですか？

于 2012-09-20T05:11:42.970 に答える
0

ネイティブ イベント ハンドラーを使用すると、jQuery に干渉したり、干渉されたりする可能性があるため、 andを使用$(window).resize()しないでください。window.onresizeしたがって、jQuery がある場合は jQuery メソッドを使用します。

$を持っている FancyBox のバージョンはわかりませんが、最新 (2.1.0) を使用している場合はautoDimensions: true、コンストラクターに渡すことができます。

autoDimensions: true
インライン ビューと ajax ビューの場合、ビューを要素の受信サイズに合わせてサイズ変更します。寸法があることを確認してください。そうしないと、予期しない結果が生じる可能性があります

$(document).ready(function() {
    $("a").fancybox({
        openEffect: 'none',
        closeEffect: 'none',
        width: 400,
        height: 300,
        autoDimensions: true
    });
});

デモ、ソース

次の 1 つ以上を使用することもできます。

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

$ this answer from 2010によると$.fancybox.resize()、v1.3以下用でした。ただし、実際には最新 (2012 年 9 月 19 日) のドキュメントで参照されており、一番下のPublic Methodsの下にあります。

于 2012-09-20T04:51:57.657 に答える