使用layer.open做视频弹出层时遇到的一些问题汇总

1. 介绍

最近在使用layer做视频弹出播放的时候遇到一些问题,记录一下,方便后期查阅。

layer是一款web弹层组件,底层的东西已经写好,直接调用即可,功能非常强大,更多详细介绍可以去官网了解,解释的很详细,虽然简单,但是一不小心就会出错。

同时他们有一个自己的社区,更多的问题可以在上面找到,大家如果出现的问题在百度、谷歌上找不到的可以去上面找找看。

进入Fly社区

现在将我自己在使用过程中遇到的一些问题总结一下:



2. 开始使用

在官网下载获得 layer 文件包后,解压并将 layer 整个文件夹存放到你项目的任意目录,

不要拆分结构
不要拆分结构
不要拆分结构
不要拆分结构

重要的事情多说一遍。
使用时,只需引入 layer.js 即可。

引用官网的代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开始使用layer</title>
<!-- 你必须先引入jQuery1.8或以上版本 --> 
<script 
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用layer.open方法弹出窗口时,可以通过设置yes参数来触发框。在这个参数中,可以调用子页面(弹出框)的doSubmit方法并获取其返回值。具体的代码如下所示: ``` layer.open({ type: 2, area: \["900px", "520px"\], title: "子页面-弹出框", content: "${basePath}/aaa/bbb/get?id=1", btn: \['确定', '关闭'\], yes: function (index, layero) { // 调用子页面(弹出框)的doSubmit方法并获取其返回值 var iframeWin = layero.find('iframe')\[0\]; var data = iframeWin.contentWindow.doSubmit(); }, cancel: function (layer_window) { // 关闭弹出框页面 layer.close(layer_window); } }); ``` 这样,当点击弹出框中的确定按钮时,就会触发调用子页面的doSubmit方法,并获取其返回值。\[1\] #### 引用[.reference_title] - *1* [layer.open属性详解及layer.open弹出使用post方法](https://blog.csdn.net/yangyang_VV/article/details/129737529)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [layer.open弹出框](https://blog.csdn.net/zxy_go1/article/details/107077425)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [layui弹出层之layer.open弹出iframe窗口·](https://blog.csdn.net/weixin_42193004/article/details/99680274)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值