var myParent = parent.parent.parent.parent.parent.parent.parent.parent.parent.parent.parent.parent; FileDown = function (fileName, realFileName) { $(myParent.document.body).find("#down-file-iframe").remove(); var $iframe = $('<iframe name=&qu…

最近遇到了一个移动前端的BUG:手机弹出框中的输入框focus时光标可能会错位. 刚开始时我完全不知道错误原因是什么,在电脑上调试时完全没有问题,手机上出现问题时也没有找到规律.后来在网上搜索了大量的资料,终于在几篇中文文章中找到了问题的大致方向在于"fixed定位的弹出框在苹果手机系统中有问题”,但是并没有很好的解决方法,解释的bug原因也个有千秋.最后,我谷歌了“fixed input cursor"之类的关键词,终于找到了一篇英文的详细解答(文章链接),并且我也验证了其中的正确性…

问题出现的背景: 在IOS11中position:fixed弹出框中的input出现光标错位的问题 解决方案 一.设计交互方面最好不要让弹窗中出现input输入框: 二.前端处理此兼容性的方案思路: 1.判断手机机型:Android or ios    ios11 or ios其他 /*ver 是IOS的版本,如果是Android  ver就不是数组*/var ver = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/); if(Arr…

先看一下页面效果: 此处有两个知识点:一个是弹出框的运用,一个是选项卡的运用 分析一下该HTML代码,最外面一个div是弹出框的,默认是关闭状态,可通过ID来控制弹出框的开关,该div的样式是easyUI—dialog.再里面一个div是选项卡的,该选项卡也有ID,可通过id控制选项卡之间的跳转,其样式是easyUI—tabs,选项卡里面还有两个div并列,说明这弹出框中有两个选项卡,选项卡中有table,因为里面还需要加载两种类型的数据列表. 当然选项卡是套在弹出框里面的.因此HTML代码如下…

$(function() { $("body").on("click",".set-topic",function(){ /*获取所有题目接口*/ var subjectType =$(this).attr("data-type"); var tid = $(this).attr("data-id"); var url = '/questions?subjectType='+subjectType; var…

问题呈现:弹出框页面 <tr class="addtr"> <th>内容</th> <td> <!-- <textarea rows="15" cols="50" id="content" name="content" class="ckeditor">请输入.</textarea> --> <te…

参考:https://blog.csdn.net/u012724595/article/details/82703579 <!-- gps弹窗 --> <el-dialog v-dialogDrag width="500px" title="Gps位置" :visible.sync="dialogFormGps"> <template> <baidu-map class="bm-view&quo…

问题出现场景1: 在firefox浏览器中在bootstrap弹出的modal静态框中再次弹出一个静态框时 select下拉框不能弹出选项 解决方案:去掉最外层静态框的 tabindex="-1" role="dialog"属性 问题出现场景2:在火狐中使用模态框加载日期控件时选择时间下拉菜单没有效果(不能点击),而在谷歌中却是好的, 主要原因是模态框与时间下拉菜单层级关系造成(z-index),因时间控件是收bootstrap的时间控件.js文件生成,所以导致在页…

前言icon参数为0,如下代码: layer.msg(}); 运行结果如图: icon参数为1,如下图 icon参数为2,如下图: icon参数为3,如下图: icon参数为4,如下图: icon参数为5,如下图: icon参数为6,如下图: icon参数为7,如下图: 2. 确认框示例 //锁定机构 //锁定机构 function lockOrg(){ var row = orgDataGrid.datagrid('getSelected'); if(row){ //弹出确认框 layer.c…

解决方案是 在弹框出现的时候给body添加fixed <style type="text/css"> body{ position: fixed; width: 100%;}</style> 当弹框消失的时候 $("body").css("position","relative") ps:亲测有效…