0

作業中の Web ページで fancybox プラグインを使用していますが、現在は iframe を使用して外部の html コンテンツをロードしています。私は ajax にはあまり詳しくありませんが、他の投稿を読んで、iframe を使用しても ajax を使用してもうまくいかないことがわかりました。jquery と ajax を使用して、html ファイルを fancybox コンテンツにロードし、html ファイルのコンテンツの幅と高さにサイズ変更するにはどうすればよいですか。ここに私が持っているコードがあります:

<html>
<head>
//import all the needed javascript and css files for jquery and plugins
<script type="text/javascript">
$(document).ready(function() {
  $('.fancybox').fancybox({
    openEffect : 'elastic',
    closeEffect : 'elastic'
  });
});
</script>
</head>

<body>
  <a href="sample1.html" class="fancybox">Open Fancybox</a>
</body>
<html>
4

1 に答える 1

1

onCompleteイベント（または、たとえばFancyBoxウィンドウ内のリンクをクリックした後などの独自のイベント）を使用する必要があると思います。この場合、コードを記述する必要があります。

$.fancybox.resize

読み込みは簡単です。

$('#fancybox_content').load('ajax/test.html')

ajax構文については、 .load（）calldocを参照してください。

于 2012-05-24T00:18:00.520 に答える