智享笔记 Layui
-
用户点击关闭窗口
<script> layui.use(['form', 'jquery', 'laydate', 'upload'], function () { var $ = layui.jquery; // 用户点击关闭窗口 $('.close_this').click((res) => { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.location.reload();//刷新父页面，注意一定要在关闭当前iframe层之前执行刷新 parent.layer.close(in
-
点击显示编辑弹窗
// 显示编辑的弹窗$(".edit-btn").click(function(event){ // 阻止 <a> 标签的默认点击行为（即不跳转到链接） event.preventDefault(); // 获取当前被点击的 <a> 标签的 href 属性 var href = $(this).attr("href"); if (href == '') { return false; } layer.open({ type: 2, title: '编辑', offset: 'auto', area: ['900px', '650px'], content: href,
-
显示加载框
1 显示加载框var loadingIndex = layer.msg('正在更新数据，请稍候...', {icon: 16, shade: 0.2, time: 0});2 关闭加载框layer.close(loadingIndex);
-
批量选择代码
// 批量推送$('.send_select').click(() => { // 显示加载框 var loadingIndex = layer.msg('正在更新数据，请稍候...', { icon: 16, shade: 0.2, time: 0 }); let ids = []; let checked = $("input:checkbox[name='key[]']:checked"); $.each(checked, (key, val) => { ids.push(val.value); }); if (ids.length > 0) { $.ajax({ ty
-
点击预览图片
步骤1：给标签添加类标识<img src="{$list.image_url|default=''}" class="preview-img" alt="文章封面" />步骤2：jquery处理// 图片预览$('body').on('click', '.preview-img', function () { var imgSrc = $(this).attr('src'); layer.photos({ photos: { data: [{ src: imgSrc }] }, anim: 0 // 缩放动画 });});
-
layui获取checkbox复选框值
layui.use('form', function(){ var form = layui.form, $ = layui.$; //各种基于事件的操作。 form.on('submit(*)', function(data){ //将页面全部复选框选中的值拼接到一个数组中 var arr_box = []; $('input[type=checkbox]:checked').each(function() { arr_box.push($(this).val()); }); //数组 console.log(arr_box); // ["董先生的CSDN"] return false; /
-
layui加载效果
# 1.使用 layui 的 layer 组件来实现请求前添加一个加载 loading 的效果，并在请求成功后关闭。 # 2.原理：使用了 layer.load() 方法来创建一个 loading 效果，将其返回值保存到一个变量 loadingIndex 中。然后，在发送请求前，我们展示这个 loading，并将其返回值赋值给 loadingIndex，用于在请求成功或失败时关闭 loading。请求成功时，我们使用 layer.closeAll("loading") 来关闭页面上所有的 loading。请求失败时同理。最后，我们在弹出对话框之后将其关闭。 $("#switch").click