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


相关推荐

  • SPI协议代码

    SPI协议代码软件模拟SPI程序代码概述:   通过两个MCU(STM32F103)来模拟SPI的主从机,完成主机发送从机接收,便于理解SPI协议。SPI协议简介●SPI接口介绍  SCK:时钟信号,由主设备产生,所以主设备SCK信号为输出模式,从设备的SCK信号为输入模式。  CS:使能信号,由主设备控制从设备,,所以主设备CS信号为输出模式,从设备的CS信号为输入模式。  MOSI:主设备数据输出,从设备数据输入,所以主设备MOSI信号为输出模式,从设备的MOSI信号为输入模式。  MISO:主设备数

    2022年10月16日
    0
  • 激光测距原理与方法

    激光测距原理与方法激光测距粗划分为两种第一种原理大致是光速和往返时间的乘积的一半,就是测距仪和被测量物体之间的距离,以激光测距仪为例;第二种是以激光位移传感器原理为原理的方法的。激光的测量方法激光的测量方法大致有三种,脉冲法(激光回波法),相位法,三角反射法。脉冲法测量距离的精度一般是在+/-1米左右。另外,此类测距仪的测量盲区一般是15米左右。(激光回波分析法则用于远距离测量。…

    2022年5月5日
    55
  • 请不要拿ipad和手机、上网本相提并论「建议收藏」

    请不要拿ipad和手机、上网本相提并论「建议收藏」苹果公司最近推出了ipad,但网上的评论不是很好,我觉得,一个好的产品会改变人们对某些事物的认识,甚至是人们的生活习惯。网上有ipad的十大罪状,有些我不了解,但有我认为是无稽之谈。不支持多点触摸首先,多点触摸苹果公司在他们的产品中应用的比较多的,比如iphone和macair,当然这样的技术迁移到ipad上面肯定没有任何问题,但是,网上认为这样的技术在ipad的设计上被取消

    2022年9月23日
    1
  • linux系统重启网卡命令_centos 7重启网卡命令

    linux系统重启网卡命令_centos 7重启网卡命令大家在实际工作中,经常会遇到Linux系统进行重启网卡的操作,那么具体如何进行重启呢?下面就由学习啦小编跟大家分享一下操作步骤吧,希望对大家有所帮助~linux系统重启网卡的方法一、servicenetworkrestart1、首先用CRT工具连接到Linux命令行界面。或者进入操作系统界面,选择终端输入。2、如果我们对所有的网卡进行重启操作。可以尝试输入:servicenetwork…

    2022年9月22日
    0
  • springboot eclipse 热部署

    springboot eclipse 热部署springboot热部署配置很简单,并且配置好后开发变的非常舒服,修改东西后再也不用重新启动服务了!一、pom.xml添加依赖       org.springframework.boot        spring-boot-devtools        true                  org.springframework

    2022年5月20日
    27
  • ArrayList扩容机制JDK1.8

    ArrayList扩容机制JDK1.8本题的所有的讲解都是基于JDK8这道题考察了ArrayList的构造器和对扩容机制的了解,本篇博客基于此出发讲解ArrayList的扩容机制想要做出这道题必须了解ArrayList的构造函数,ArrayList的构造函数总共有三个:ArrayList()构造一个空的数组。JDK7中构造一个初始容量为10的空列表但是JDK8中只是构造一个空的数组ArrayList(Collection<?extendsE>c)构造一个包含指定collection的元素的数组,这些元素是按.

    2022年6月9日
    25

发表回复

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

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