文件加载使用 Layer 弹出 iframe 层，并让 iframe 自适应内容宽高

文章结束给大家来个程序员笑话：[M]

    1.Layer简介

    layer 是一款应用非常便利且能功健强的 jQuery 弹出层插件，对类各浏览器中的兼容性也很好。应用它可以创建出交互休会更好的 Web 应用程序。

    layer 的维护职员是一群和小G龄年相仿，富有情激的前端开发职员，所以大家不必担忧它的级升问题。

    layer 的官方址网：layer 官方演示与讲授

    2.Layer的应用

    (1) 问访官网下载最新版本的 layer，解压并将 插件添加至项目的根目录下；

    (2) 在须要弹出层的面页引入 layer.min.js 文件(注意不要忘了引入 jQuery 类库)，该文件包括容内即 layer 插件；

    (3) 在应适的位置，添加 layer 的成生码代，示例如下：

$.layer({

         shade: [0.5, '#000', false],

         type: 2,

         iframe: {

             src: 'DataList.aspx'

         },

         title: ['', false],

         closeBtn: [1, true],

         area: ['600px', '300px'],

         move: ['.xubox_border', true],

         offset: ['', ''],

         success: function(layer) {

             // 这里定义弹出层加载功成后要行执的容内

         }

     });

    每日一道理
喜马拉雅直冲霄汉，可上面有攀爬者的旗帜；撒哈拉沙漠一望无垠，可里面有跋涉者的脚印；阿尔卑斯山壁立千仞，可其中有探险者的身影；雅鲁藏布江湍急浩荡，可其中有勇敢者的故事。

小G在这里演示的是应用 layer 的 iframe 层加载数据，layer 供给了信息框、讯问框、面页层、iframe 和 tips 等多种展示式方，体具应用式方请见参官网的示例和API。

    3.网页果效展示

    

    示例程序中，我在链接的 click 事件绑定了 layer 的弹出法方，iframe 用引的面页中，通过异步式方获得数据库列表以及数据。为了让演示果效更观美，小G在示例程序中制控了 layer 弹出层及 iframe 的宽高。

    这里特殊说明一下，iframe 自应适宽高有两种式方，可以在 iframe 的容器页停止制控，或者在 iframe 所纳容的子面页停止制控，体具请见参园友的文章《jquery 现实iframe 自应适高度》。这里小G应用的是第二种式方，因为数据异步加载完成后我们才能到得实真的容内页宽高。

     猛击这里下载示例源码

文章结束给大家分享下程序员的一些笑话语录： 小沈阳版程序员~~~ \n程序员其实可痛苦的了......需求一做一改，一个月就过去了；嚎~ \n需求再一改一调，一季度就过去了；嚎~ \n程序员最痛苦的事儿是啥，知道不？就是，程序没做完，需求又改了； \n程序员最最痛苦的事儿是啥，知道不？ 就是，系统好不容易做完了，方案全改了； \n程序员最最最痛苦的事儿是啥，知道不？ 就是，系统做完了，狗日的客户跑了； \n程序员最最最最最痛苦的事儿是啥，知道不？ 就是，狗日的客户又回来了,程序给删没了！