真是自己给自己挖坑,坑死人不偿命啊。 在用layui开发时,遇到这种情况,点击按钮出现一个弹出层,然而我不是用button按钮去实现的,而是用a标签做的,本来a标签也是可以实现的,在这里我无形中给自己挖了个坑。然后绕进去好半天不知道问题出在哪,直接上代码: 这样看似没问题,实则无法实现预期的弹出层效 ...
分类:
其他好文 时间:
2017-12-11 22:18:14
阅读次数:
279
document.onmousedown = function(e){ var ev = document.all ? window.event : e; var _con = $("#cicon"); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.ta ...
分类:
Web程序 时间:
2017-12-09 19:37:12
阅读次数:
198
定位 查看说明 层级关系的比较 1. 对于同级元素,默认(或position:static)情况下文档流后面的元素会覆盖前面的。 2. 对于同级元素,position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素,即z-index越大优先... ...
分类:
其他好文 时间:
2017-12-05 13:29:21
阅读次数:
111
当在主页面执行添加或修改时,用弹出层是比较好的选择,如何关闭弹出层并对父级页面进行操作呢 首先在父级页面中打开一个添加页面(弹出层) 在添加页面的表单提交函数中添加如下代码: 刷新父页面的方法有两种:第一种就是使用 第二种:可以在父页面中添加一个隐藏的刷新按钮: 使用 刷新页面 ...
分类:
其他好文 时间:
2017-12-02 12:54:35
阅读次数:
487
一个老生常谈的问题——如何去监听浏览器的“后退”事件。其实,情况是这样的,产品同学希望用户离开页面之前,能展现一个漂亮的弹出层给用户,可以通过这个浮层了解用户离开的原因、或者让用户给应用评分等。 我们知道,浏览器实现了onbeforeunload和onunload事件,onbeforeonload事 ...
分类:
其他好文 时间:
2017-11-30 12:06:02
阅读次数:
130
1、补上点餐系统的会员支付页和支付成功页,并修改细节◇不要弹出层组件了,自己手写js代码,用onclick事件修改html元素的属性◇实现了页面一部分滚动、一部分固定◇实现了弹出层滚动时底部页面不滚动(用js加fix属性 2、尝试用setTimeout和setInterval写轮播图脚本,失败,播一 ...
分类:
其他好文 时间:
2017-11-27 21:34:52
阅读次数:
126
今天在弹出层,做了一个表格,问题很多。记录一下。有机会再整理。 首先,是自己的样式检查问题,页面样式做完了,没有放入假数据检查(溢出,太短……),导致后台链接数据后溢出(这里以后要补充“如何体现一个前端的专业性,从debug和测试内容说起” ); 其次,一般表格设计通用规则和常见问题: ①表头被td ...
分类:
其他好文 时间:
2017-11-22 17:37:14
阅读次数:
127
Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能,那么您需要引用 modal.js。或者,正如 Bootstrap 插件概 ...
分类:
其他好文 时间:
2017-11-18 11:21:47
阅读次数:
182
最近遇到一个弹出层在Chrome中重复的问题,观察发现是opacity引起的以下是代码及现象<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .fixing { position: absolute ...
分类:
其他好文 时间:
2017-11-06 11:11:20
阅读次数:
159