附github地址 https://github.com/pomelott/jquery-plug-in 模态框(modelBox) 使用方法 1.引入css文件(建议复制粘贴至项目css文件中) 2.引入js文件(建议使用发布的压缩版,需引入jquery) 3.创建模态框对象,并传入参数。 1.引 ...
分类:
其他好文 时间:
2017-08-10 01:10:10
阅读次数:
175
关键点: css的position定位为fixed或absolute css的z-index, 最顶层的值最大如遮罩层为0那么弹出框最好是大于等于1的整数,总之记住弹出层要比遮罩的z-index值大就行 如果弹出模态框的使用场景没有嵌套在iframe或frame中掌握以上两点加上点css功底就可以写 ...
分类:
其他好文 时间:
2017-08-09 23:58:21
阅读次数:
413
EvaCourse:function(){//课程评价 var p=['不好','一般','不错','很好','非常好'], $mask=$(".mask"),//遮罩 $starBox=$("#star-box"),//评价触发盒子 $modalBox=$(".modal-box"),... ...
分类:
其他好文 时间:
2017-08-01 15:39:02
阅读次数:
230
模态框为信息编辑窗口,涉及好多内容,填了半天,若一不小心点了空白处..... $('#myModal').modal({backdrop: 'static', keyboard: false}); backdrop:static时,空白处不关闭. keyboard:false时,esc键盘不关闭. ...
分类:
其他好文 时间:
2017-07-28 18:25:08
阅读次数:
122
模态框中显示一些基本的数据以及触发一些基本的JS函数 ...
分类:
其他好文 时间:
2017-07-25 21:13:58
阅读次数:
122
开发的时候遇到一个bug,关闭模态框后背景灰色图层依旧还在。原来是用错了隐藏模态框的代码。 正确的调用方式如下: that's all. ...
分类:
其他好文 时间:
2017-07-25 10:18:57
阅读次数:
139
基本上每个项目都需要用到模态框组件,由于在最近的项目中,alert组件和confirm是两套完全不一样的设计,所以我将他们分成了两个组件,本文主要讨论的是confirm组件的实现。组件结构<template>
<divclass="modal"v-show="show"transition="fade">
<divclass="mo..
分类:
其他好文 时间:
2017-07-24 14:43:03
阅读次数:
93
移动端模态框的机制因为与PC的模态框机制一直有所区别,一直是许多新人很容易踩坑的地方,最近笔者作为一条老咸鱼也踩进了一个新坑中,真是平日里代码读得太粗略,故而写上几笔,以儆效尤。 故事的起因是这样的,兄弟团的童鞋的页面出现了模块框内需要滚动元素的需求,但是实际情况是他调试了很久,却没有找到确定的解决 ...
分类:
移动开发 时间:
2017-07-24 01:18:04
阅读次数:
310
接上篇,在本篇中,我们将要实现如下,功能,编辑和查询,我们当前的todolist程序,和线上其它的demo程序不同,我们会对其进行增删改查的基本操作,之后进行进一步的完善,按照常规的系统使用经验,一般我们新增和编辑都是在模态框中处理,这里我们不会去构建复杂的模态框,只用一个简单的div层来代替,后期 ...
分类:
其他好文 时间:
2017-07-21 01:20:32
阅读次数:
335
一、js代码 <script type="text/JavaScript">$("#save_change_<{$aff.Id}>").click(function(){//从模态框中取值,并通过ajax传到后台var account = document.getElementById("chang ...
分类:
Web程序 时间:
2017-07-20 00:53:54
阅读次数:
265