layui单选框未显示的问题

向右看齐 2023-07-04 11:25 20阅读 0赞

一开始还没导入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

<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>

重新访问一次，终于可以用了！！！