花式框内容调整为 HTML

fancybox content resize to html

本文关键字：调整 HTML      更新时间：2023-09-26

我正在使用我正在处理的网页上的花哨框插件，但现在我正在使用 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>

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

$.fancybox.resize

加载很简单：

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

有关 ajax 语法，请参阅.load（） 调用文档

相关文章：