layui表格有边框_layui前端框架表格如何进行屏幕适配

匿名用户

1级

2017-07-03 回答

标签：js代码 .com 效果 click .text jquer 参考定义 html

项目中需要弹出层效果，使用了layui前端框架，主要使用了里面的弹出层特效(可以移动)

html代码

要给这个标签绑定click方法

1 显示

点击以后，显示这个页32313133353236313431303231363533e59b9ee7ad9431333363376366面

2 显示页面

js代码

function showMean() {

layui.use(‘layer‘,function () {

var $ = layui.jquery, layer = layui.layer;

//触发事件,这个相当于设置参数

var active = {

offset: function(othis){

var type = othis.data(‘type‘)

,text = othis.text();

layer.open({

title:"数据关联",

type: 1,

offset: type, //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset

id: ‘LAY_demo‘+type, //防止重复弹出

content: $("#con-no-ma"), //在页面新定义，然后通过id绑定到这

btn: ‘关闭全部‘,

area: [‘1000px‘, ‘500px‘],

btnAlign: ‘c‘, //按钮居中

shade: 0, //不显示遮罩

//btn的方法

yes: function(){

layer.closeAll();

//右上角关闭按钮的方法

cancel: function(){

layer.closeAll();

}

});

}

};

//给指定标签绑定click事件

$(‘ .showMean‘).on(‘click‘, function(){

var othis = $(this), method = othis.data(‘method‘);

active[method] ? active[method].call(this, othis) : ‘‘;

});

})

}

layui表格有边框_layui前端框架表格如何进行屏幕适配相关推荐

layUI前端框架使用详解_layUI前端框架视频教程
百度云网盘下载 ayUI前端框架使用详解_layUI前端框架视频教程课程目录: 1前言 2为什么要用layUI框架 3layer组件的引用方法 4layer组件的使用方法详解 5用layer组件快速 ...
layUI前端框架使用详解_layUI前端框架视频教程完整版
layUI前端框架使用详解_layUI前端框架视频教程课程目录: 1前言 2为什么要用layUI框架 3layer组件的引用方法 4layer组件的使用方法详解 5用layer组件快速开发一个表单验 ...
bootstrap怎么在一个页面渲染多个表格_推荐一个前端框架
拼图Pintuer-跨屏响应式布局前端开发CSS框架几个推荐理由: 国产: 跨屏响应式,这是最基本的: 使用简单,只需引入jquery.js.pinter.js.pinter.css三个文件即可: ...
layuit 框架_layui前端框架
项目中需要弹出层效果,使用了layui前端框架,主要使用了里面的弹出层特效(可以移动) html代码要给这个标签绑定click方法显示点击以后,显示这个页面显示页面一定要注意js,js必须这 ...
table 表格，table表格细边框设置，table表格禁止内容换行设置，table表格斑马线设置
table 表格,细边框设置,禁止内容换行设置,斑马线设置 1.没有设置时的样式 2.设置后的样式 3.html代码 <div class="cp-table">< ...
计算机设置表格内框线,word表格和边框在哪里 exl表格内框线怎么设置
极速word的表格和边框在哪里 word文档表格边框设置步骤:1.打开Word文档页面,选中需要设置边框的整个表格或特定单元格. 2.单击"设计"选项卡. 3.在"绘图边 ...
html 表格的边框颜色代码,html 表格细边框处理
html 表格细边框处理样式表如下: table#border{ border-top:#000 1px solid; border-left:#000 1px solid; } table#bor ...
php网页表格制作,如何制作html表格的边框？HTML table表格制作及实例
本篇文章主要为大家讲述的就是关于html table表格标签的边框用法,一般我们都是把边框线设置为1来演示边框的方法.接下来我们一起来看这篇关于html table表格标签的边框用法的文章吧首先我们 ...
layui删除后刷新表格_LayUi前端框架删除数据缓存问题（解决删除后刷新页面内容又会显示问题）...
[HDOJ5952]Counting Cliques(DFS,剪枝) 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5952 题意:求图中规模为s的团的 ...

layui表格有边框_layui前端框架表格如何进行屏幕适配

layui表格有边框_layui前端框架表格如何进行屏幕适配相关推荐

最新文章

热门文章