layui单选框未显示的问题

layui单选框未显示的问题一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框没显示出来。1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别2.网上查询之后,解释:有些时候,你的有些表单元素可能是动态插入的。这时form模块的自动化渲染是会对其失效的。虽然我们没有双向绑定机制(因为我们叫经典模块化框架,偷笑.gif)但…

大家好,又见面了,我是你们的朋友全栈君。

一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框没显示出来。
1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别
2.网上查询之后,
解释:有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制, 但没有关系,你只需要执行 form.render(type, filter); 方法即可。

layui.use(‘form’,function(){

var form = layui.form;
form.render();
});

参考博客
https://www.jb51.net/article/170881.htm

但是加了上述的代码之后,问题还没解决

3.当我在谷歌浏览器上访问该页面的时候,
报了一个错误信息

OTS parsing error: incorrect file size in WOFF header

4.接着我就上网上查这个信息
原因:网上说是由于使用 maven 的 resource 插件开启 filtering 功能后,会破坏有二进制内容的文件。
所以在maven加了以下配置:
参考文章:
http://www.bubuko.com/infodetail-2792982.html

<!--配置打包时字体文件不被maven拷贝,导致字体文件破坏-->
            <resource>
                <directory>src/main/resources</directory>
                <filtering>true</filtering>
                <includes>
                    <include>**/*.properties</include> <include>**/*.html</include>
                    <include>**/*.js</include> <include>**/*.css</include>
                    <include>**/*.xml</include> </includes> <excludes> <exclude>**/*.ttf</exclude>
                    <exclude>**/*.woff</exclude> </excludes> </resource> 

重新访问一次,终于可以用了!!!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/139284.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 分布式存储系统考虑因素-分区容错性[通俗易懂]

    分布式存储系统考虑因素-分区容错性[通俗易懂]分布式存储系统中的多台服务器通过网络进行连接。但是我们无法保证网络是一直通畅的,分布式系统需要具有一定的容错性来处理网络故障带来的问题。

    2022年7月25日
    6
  • SpringBoot整合JDBC、整合Druid数据源详解教程

    SpringBoot整合JDBC、整合Druid数据源详解教程目录一、整合JDBC1.环境准备1.创建数据库2.创建SpringBoot项目3.IDEA连接数据库2.编写数据库配置信息3.编写测试类测试4.CRUD操作数据库1.JDBCTemplate简介2.CRUD测试二、整合Druid数据源1.Druid简介2.部分基本配置参数3.使用Durid数据源1.导入依赖2.切换数据源3.设置数据源属性4.使添加属性生效5.配置Druid后台监控Servlet6.配置Druid监控过滤器filter一、整合JDBC1.环境准备.

    2022年7月23日
    15
  • matlab的imread怎么用_imread函数参数的含义

    matlab的imread怎么用_imread函数参数的含义imread(matlab)                                            函数语法 A = imread(filename, fmt)[X, map] = imread(…)[…] = imread(filename)[…] = imread(URL,…)[…] = imread(

    2022年10月14日
    3
  • MongoDB 索引详解

    MongoDB 索引详解索引能够提高数据库的查询效率,没有索引的话,查询会进行全表扫描(scan every document in a collection),严重降低了查询效率,故学会使用索引将是一项重要技能。

    2022年6月17日
    28
  • SPI协议详解(图文并茂+超详细)

    SPI协议详解(图文并茂+超详细)先说串口因为之前写过一篇UART,通用串行异步通讯协议,UART的相关资料因为UART没有时钟信号,无法控制何时发送数据,也无法保证双发按照完全相同的速度接收数据。因此,双方以不同的速度进行数据接收和发送,就会出现问题。如果要解决这个问题,UART为每个字节添加额外的起始位和停止位,以帮助接收器在数据到达时进行同步;双方还必须事先就传输速度达成共识(设置相同的波特率,例如每秒9600位)。传输速率如果有微小差异不是问题,因为接收器会在每个字节的开头重新同步。相应的协议如下图所示;如果您注意到

    2022年6月18日
    87
  • ssdp协议 upnp_SSDP协议编程 upnp设备查找方法[通俗易懂]

    ssdp协议 upnp_SSDP协议编程 upnp设备查找方法[通俗易懂]SSDP协议编程upnp设备查找方法SSDP协议编程upnp设备查找方法[cpp]viewplaincopyintssdp_discovery(){structsockaddr_inaddrin;structtimevalrtime;intnewsock;intret;charbuf[1024];inti=0;intyes=1;rtime.tv_sec=2;rtime.tv_usec…

    2022年10月11日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号