layui tab --隐藏删除图标

最新推荐文章于 2023-07-13 12:57:10 发布
最新推荐文章于 2023-07-13 12:57:10 发布
阅读量3.9k 收藏 4
点赞数 5
分类专栏： layui web 文章标签： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43125410/article/details/89001547
版权
web 同时被 2 个专栏收录
8 篇文章 0 订阅
订阅专栏
layui
1 篇文章 0 订阅
订阅专栏

1.预期效果

让首页不要删除图标，固定在一个位置
在这里插入图片描述

2.思路

进入开发者模式，找到要操作的 div,隐藏掉 .layui-tab-close
在这里插入图片描述
在js中添加如下代码：

$(".layui-tab ul").children('li').first().children('.layui-tab-close').css("display",'none');

代码解释：
在 .layui-tab 下的 第一个li中的class中含有 layui-tab-close 的隐藏掉。

懒猫-DustFree
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
指定layui-tab不显示关闭按钮_VBA专题109：使用VBA操控Excel界面之在功能区中添加自定义按钮控件...
weixin_42446705的博客
01-21 690
学习Excel技术，关注微信公众号：excelperfect下面的一系列文章将重点讲解如何在功能区中添加不同类型的自定义控件，它们与最底层的自定义命令相关。这里的自定义命令是指程序员自已编写的VBA过程。添加按钮如果要在内置功能区选项卡中添加两个按钮，在单击这些按钮时会调用VBA过程，那么执行下面的步骤：1. 创建新工作簿并保存为启用宏的工作簿。2. 关闭该工作簿，然后在CustomUI...
简单的左侧菜单栏整个菜单栏隐藏收起功能
lan_学习分享
04-12 1万+
百度搜了一下，基本都是上下收缩二级菜单这些的，但是需求是要整个菜单栏都隐藏收起，只能自己弄了，如果不是要这个功能的就别看了，先上效果图（顺便晒晒我家的荷兰猪~~~） 左侧菜单栏未收起 点击左上的左箭头按钮，左侧菜单收起，有动画效果的，这里只展示结果，具体可以复制代码自己看 效果描述： 1、向左侧慢慢收起，历时500ms，展开也历时500ms 2、左下方有个放视频的地方，鼠标移...
基于js的iframe 可关闭tab标签组件使用方法
01-12
非常好用的一款js集成的iframe，tab标签的使用，如果对各位有用的话，请回来给个好评，谢谢！
layui中的指定tab标签关闭
m0_55000378的博客
04-30 3883
layui中的指定tab标签关闭 layui的选项卡只有第一次打开的时候获取最新的数据，为了不让用户每次操作时刷新，使用本方法让选项卡页面关闭后再打开 关闭当前打开的tab页面 parent.layui.admin.events.closeThisTabs(); 关闭非当前tab选项卡，即另一个打开的iframe中的tab选项卡 1.首先引入admin.js(所有操作tab都需要导入admin.js) <script src="${pageContext.request.contextPath }/
指定layui-tab不显示关闭按钮_巧在Win10日历磁贴显示详细的农历和天气信息
weixin_39757122的博客
01-29 340
注：这是MS酋长较早时间以前写的教程，所以截图会与你现在实际看到的有出入，不过方法步骤基本没变，所以仍有参考作用。先来看一下MS酋长的Win10电脑开始菜单中的日历磁贴吧：注意到了吗？日历磁贴中除了显示有详细的农历，竟然还有上海的天气情况。MS酋长是如何做到的呢？下面请听我一一道来：首先，访问中国天气网 http://www.weather.com.cn/ ，然后打开你关注的城市的天气页...
layui单选按钮选中后取消
qq_39280563的博客
03-04 3017
背景：多个选项中只能选一个，且可以取消选中。第二张图为取消后，鼠标悬浮效果，移开就没有蓝色样式了。 html代码： <input type="radio" name="isHibition" lay-filter="isHibition" lay-skin="primary" checked=""> 直接将下面的代码复制就好了，注意isHibition为我的单选组名，根据需要改成自己起的名字。 form.on('radio(isHibition)', function..
IE-Tab-Multi
06-15
将下载的crx文件拖至谷歌浏览器的扩展程序中，IE-Tab-Multi是将谷歌浏览器的内核切换到IE内核，使其在谷歌中利用IETAB来打开只在IE兼容的网站
解决vue中el-tab-pane切换的问题
10-15
在本文中，我们将深入探讨如何解决Vue中`el-tab-pane`切换时遇到的问题，以及如何优化和管理组件的渲染。 首先，问题出现在当用户在不同数量的`el-tab-pane`之间切换时，`el-dialog`可能会保持之前的状态，这通常是...
在vue中使用el-tab-pane v-show/v-if无效的解决
10-15
然而，在实际开发过程中，开发者可能会遇到使用 `v-show` 或 `v-if` 控制 `el-tab-pane` 显示与隐藏时不起作用的问题。这通常是因为 `el-tab-pane` 的渲染机制导致的。 `v-show` 和 `v-if` 都是 Vue 中的条件渲染...
在layui tab控件中载入外部html页面的方法
10-16
在layui的tab控件中，可以将标签放置在tab的内容部分，来实现外部页面的嵌入。 例如： ```html <div class="layui-tab" lay-filter="demo" lay-data="{height:332}"> <ul class="layui-tab-title"> <li class="...
Layui 关闭layui的tab页
BugRoot的博客
08-16 1万+
引用admin.js。 var admin = layui.admin; var topAdmin = parent === self ? admin : parent.layui.admin; // 关闭tab页 topAdmin.closeThisTabs(); $("#LAY_app_tabsheader>li").eq(admin.tabsPage.index).find('.layui-tab-close').trigger('click');
记录layui自动切换选项卡和js隐藏展示div
lingyi_01的博客
04-07 578
自动切换选项卡 var layTabId; layui.use('element', function () { var element = layui.element; element.on('tab(TabId)', function (data) { layTabId= this.getAttribute('lay-id'); }） layui.use('element', function () { var
layui前端页面的增删改查
weixin_61585849的博客
07-19 1217
layui和java交互
LayUI选项卡的使用
最新发布
liaozhixiangjava的博客
07-13 2757
选项卡（Tab）是计算机界面中常见的一种元素，用于在同一个窗口或应用程序中同时显示多个页面或功能。每个选项卡代表一个独立的页面或功能，用户可以通过点击选项卡来切换不同的内容。通常，选项卡以水平或垂直的方式排列在窗口的顶部或侧边，每个选项卡上通常会显示一个标签，标注该选项卡所代表的内容或功能。当用户点击某个选项卡时，该选项卡的内容会在主窗口中显示，其他选项卡的内容则会被隐藏。选项卡的使用可以提高用户界面的可用性和效率，让用户可以在不打开多个窗口或应用程序的情况下同时访问多个页面或功能。
layui学习使用问题整理 —— Tabs选项卡
qq_24559133的博客
05-24 2685
1. 去掉tab标签页中第一项的删除 x 按钮 body .layui-tab-title li:nth-child(1) i { display: none; } 2. tab标签页动态添加 通过+实现动态添加tab标签页。 jsp代码： js代码： //触发事件 var active = { //在这里给active绑定几项事件，后面可通过...
折叠面板的变形
weixin_44560824的博客
06-18 358
开发工具与关键技术：MVC 作者：胡名权 撰写时间：2019年6月16日 折叠面板是layui里面人家已经封装好在这样一个前端框架里面了，而折叠面板则是这个框架里面的一个一个小部分。它里面有很多都将会在我们使用前端是会用到的一些面板，当然，还有更好看、更实用的样式但是需要用钱购买，哈哈哈，以我们现在的能力还不足找到更多更好的，所以呢只能用了，确实也挺好用的；对我们做一些页面还是有帮助的。 那么，折...
layerui代码控制tab选项卡，添加，关闭
热门推荐
爱吃肉的熊猫
09-13 3万+
layui                                                 layui 后台布局                                         控制台                 商品管理                 用户                     
layui中table表格的操作系列操作（删除，编辑，添加，查询）等点击按钮的相关操作
wxx520zyt的博客
04-18 7606
layui表格动态渲染 动态表格的渲染 layui.use(['table','form','layer','jquery'], function() { var table = layui.table; var form = layui.form; var layer = layui.layer; ...
layui-tab-content动态添加内容
06-01
在上述代码中，我们使用了layui.element的tabAdd和tabDelete方法来动态添加和删除选项卡。其中，tabAdd方法需要传入一个选项卡的对象，包括title（选项卡标题）、content（选项卡内容）和id（选项卡id）。tabDelete...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值