layui小白问题——用别人的layui HTML页面出现纯静态的情况

本人这两天也正在学习layui,因为公司需要做个后台管理系统,快速搭建的话,我的后台java大哥希望我用layui创建前端界面。

先简单介绍一下layui

layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

当然希望详细了解的话还是要去layui官网

好了废话不多说,官网介绍了基础的用法,在layui官网实例或者复制别人的html+js代码放入自己新创建的文件中|(自己引入了单独的layui.js和layui.css),有的时候会出现整个页面都是纯静态展示,点击无任何的交互效果


由上图可以看出,其实加载的文件不只是html+layui.css+layui.js,所以需要把layui官网下载的layui包完整的放入自己的文件当中,这样才会出现想要的效果。

好了,这个问题的原因和解决方案就是这样,大家一起加油学习layui大笑

原文地址:https://www.cnblogs.com/hanlei525/p/9613023.html