layer 弹层组件下的 iframe 交互详细教程

提问 已结 63 118815
小魔方
悬赏:100飞吻
回帖
  • 小魔方 你这个帖子没有结 能把你的飞吻给我吗 社区之光照耀我身。
    0 回复
  • Steed
    2017-4-17
    感觉很早就不提倡用iframe,为什么现在还是很多都在用
    9 回复
  • 小魔方
    小魔方 VIP2 (社区之光)
    2017-5-5
    // top 页面
    layui.use(['a', 'b'], function(){
    var _tools = {
    func1: function() {
    console.log('func1');
    }
    }

    _tools.func1();

    window._tools = _tools;
    })

    // iframe 页面
    top._tools.func1();
    3 回复
  • @Steed 不用那用啥
    1 回复
  • 这样可以的吗?幸好明天周六日,可以重新写。。。这是我从这边找到的模板直接往上改的,看到上面就是直接用的两个,一个layui,一个bootstrp.....
    1 回复
  • 小魔方
    小魔方 VIP2 (社区之光)
    2017-5-5
    @野生高富帅 top 和 iframe 之间貌似 trigger 不上去。。。反正我是没听说过

    iframeWin.layui.layer
    iframeWin.layui.jquery
    iframeWin.layui.form()
    iframeWin.layui.element()
    1 回复
  • 小魔方
    小魔方 VIP2 (社区之光)
    2017-5-5
    @野生高富帅 「直接在子iframe获取到top对象,然后调用的时候提示xxxx不是一个function」
    是因为你认为的这个 top 对象和你想要调用的 function 就没在一个页面
    或者你的这个 function 在 layui.use 里,同时你又没暴露给 window 一个接口
    也就是你就没有弄明白 iframe 之间的关系
    http://fly.layui.com/jie/9320.html 这些个示例你能看明白么
    如果这些能看明白那就应该没什么问题
    1 回复
  • @小魔方 可以了!非常感谢![偷笑]
    1 回复
  • 我忘了
    2017-5-13
    form表单鼠标移开后怎么马上校验?
    1 回复
  • 空惗
    2017-4-17
    [太开心] 很好啊。 收藏了
    0 回复
本帖已设置禁止回复