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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 误删数据?如何快速恢复Oracle数据库[通俗易懂]

    误删数据?如何快速恢复Oracle数据库[通俗易懂]误删oracle数据库中的数据,在不考虑全库备份和利用归档日志情况,怎样快速恢复数据呢?下面介绍3种方法。1.利用oracle提供的闪回方法进行数据恢复,适用于delete删除方式首先获取删除数据的时间点:select*fromv$sqlwheresql_textlike’%table_name%’;1根据结果中的sql_text内容,找到delete执行语句对应的删除时间点,执行下面语句查询出删除的数据。select*fromtable_nameasoftim

    2022年9月2日
  • 将磁盘从FAT格式转换为NTFS格式的方法

    将磁盘从FAT格式转换为NTFS格式的方法

    2021年11月17日
  • oracle错误904解决方法_遇到oracle错误 12154

    oracle错误904解决方法_遇到oracle错误 12154案例情景–在一次Oracle数据库导出时:C:\DocumentsandSettings\Administrator>exp[emailprotected]_dbfile=E:\lsxy.dmpowner=lsxyExport:Release11.2.0.1.0-Productionon星期一11月2614:07:182012Copyright(c)…

    2022年9月20日
  • 浅析Nginx与Apache的区别[通俗易懂]

    浅析Nginx与Apache的区别[通俗易懂]Nginx:1.轻量级,采用C进行编写,同样的web服务,会占用更少的内存及资源2.抗并发,nginx以epollandkqueue作为开发模型,处理请求是异步非阻塞的,多个连接对应一个进程,负载能力比apache高很多,而apache则是同步多进程模型,只能一个连接对应一个进程,当压力过大时,它是会被阻塞型的。在高并发下nginx能保持低资源低消耗高性能,而apache在PHP处…

    2022年6月11日
  • SQLyog 64位激活成功教程版 v12.09[通俗易懂]

    SQLyog 64位激活成功教程版 v12.09[通俗易懂]激活成功教程教程1、安装完成后运行软件,启动时选择“简体中文”语言种类启动软件;image2、选择完成后弹出注册窗口,我们将软件的注册码:名称:ddooo;证书秘钥:8d8120df-a5c3-4989-8f47-5afc79c56e7c;逐一填到软件的注册框内,点击“注册”按钮,sqlyog会自动检测注册信息;image3、当出现下图软件注册成功的提示时,软件成功注册激活;image…

    2022年9月24日
  • 50个高端大气上档次的管理后台界面模板

    50个高端大气上档次的管理后台界面模板

    2021年11月17日

发表回复

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

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