老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 1203|回复: 0

layui select 下拉菜单 不能加载图标问题解决方案

[复制链接]

662

主题

878

帖子

5113

积分

超级版主

Rank: 8Rank: 8

积分
5113
发表于 2018-11-27 10:49:02 | 显示全部楼层 |阅读模式
你说气人不气人,layui 居然不自动渲染 select 内的 所有 html标签; 好家伙 那我直接给 select外层的div来个ID  
  1. <div class="layui-col-md12" id="lm-icon-select">
  2.         <select name="icon" lay-verify="">
  3.           <option value="">请选择图标</option>
  4.           <option value="layui-icon-password"> 权限 </option>
  5.           <option value="layui-icon-vercode"> 安全 </option>
  6.           <option value="layui-icon-login-wechat"> 微信 </option>
  7.           <option value="layui-icon-login-qq"> 腾讯QQ </option>
  8.          
  9.         </select>
  10.       </div>
复制代码
  1. // 刷新form
  2.         form.render();
  3.         // 循环添加图标 这个必须要加载 form.render() 后面; 因为我操作的是渲染后的 demo
  4.         $("#lm-icon-select dd").each(function(i) {
  5.           $(this).html(
  6.             $(this).html() +
  7.               '  <i class="layui-icon ' +
  8.               $(this).attr("lay-value") +
  9.               '"></i>'
  10.           );
  11.         });
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表