javascript - 如何在加载页面的所有其他内容后加载php页面

Question

我正在开发一个基于网络的视频 channel ，我必须在其中添加邮件功能。我添加了一个邮件按钮，所有功能都工作正常，但加载页面需要更多时间。我已将 mail.php 包含在 video.php 页面中。整个页面等待 mail.php 被包含。因此需要更多时间。

请注意，我的应用程序是用 PHP codeigniter 开发的。 mail.php包含一些js文件、ajax调用和html表单。

我可以先加载所有页面内容，然后最后在后台加载 mail.php 吗？

这是我尝试过的...

视频.php

<script>jQuery("#mail_btn").click(function()jQuery("#div1").load(mail.php);});</script>
<div id="div1" class ="mail_form">
//include_once(mail.php); //it was working fine but it takes time,i want to load mail form here.
</div>

请帮助我或建议任何替代方法。 谢谢..

Answer 1

我会添加 jQuery 延迟加载插件 http://jquery.eisbehr.de/lazy/ 。我在下面添加了一个片段，但插件网站上有更好的示例。

$(function() {
    $("div[data-src]").Lazy();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.1/jquery.lazy.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.1/plugins/jquery.lazy.ajax.min.js"></script>

<div data-loader="ajax" data-src="ajax.html">
  <p>Content you want to load later goes here.</p>
</div>