0

我在我正在处理的网页上使用了 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() 调用文档

于 2012-05-24T00:18:00.520 回答