Question

我正在使用我正在处理的网页上的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>

Answer 1

我认为你需要使用onComplete事件（或者你自己的事件，例如点击FancyBox窗口中的一些链接后），在这种情况下你必须编写代码：

$.fancybox.resize

装载很简单：

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

有关ajax语法，请参阅 .load() call doc

fancybox内容调整为html

1 个答案: