layui 重新加载use方法

 时间:2024-10-25 12:34:26

1、在已打开的HBuilderX工具中新建Web项目,将layui相关的文件拷贝到js文件夹中

layui 重新加载use方法

2、接着在pages文件夹中,新建一个静态页面table.html

layui 重新加载use方法

3、打开已新建的页面,将layui的css文件和js文件引入到页面中

layui 重新加载use方法

4、在<body></body>标签中,插入一个table标签,设置class和id属性

layui 重新加载use方法

5、利用jquery初始化函数方法,对table进行初始化并绑定数据字段

layui 重新加载use方法

6、在data文件夹中,新建一个json文件并添加数据,要满足表格的数据格式

layui 重新加载use方法

7、保存代码并运行项目,打开浏览器查看界面显示效果,可以看到一个表格

layui 重新加载use方法

8、返回到代码编辑器,给界面添加一个刷新按钮,并绑定点击事件

layui 重新加载use方法

9、再次保存代码并刷新浏览器,查看界面效果,并点击按钮查看表格是否有刷新

layui 重新加载use方法
  • 怪物猎人世界感谢票怎么获得
  • 怪物猎人世界主线任务攻略
  • 地心护核者怎么获得幼虫胸甲
  • 贼龙任务攻略
  • 蒸汽机关管理所怎么玩
  • 热门搜索
    科技知识手抄报 教师节手抄报大全图片 绿色生活手抄报 环保手抄报内容大全 英语手抄报花边 爱国手抄报的内容 5.1劳动节手抄报 足球手抄报图片 五年级手抄报图片大全 成语故事手抄报