首页 > 其他分享 >Layer中使用事件

Layer中使用事件

时间:2023-02-13 15:48:29浏览次数:44  
标签:Layer Thank 前端 有个 事件 使用 click

前端一直以来都没怎么研究过,正好手头有个项目需要自己独立完成。项目使用的前端框架是LayUI,之前听过,不过一直都没有接触。

最近遇到的一个问题是,弹出Layer,有个功能需要在这个界面上执行,使用传统的jquery方式,发现不行。去到Layer社区才找到答案。(l。。)

以下是代码:

前端HTML的Layer部分:

<script type="text/html" id="modal">
    <div class="layui-form-item">
        <div class="layui-inline">
            <button class="layui-btn" title="导出" id="button1">
                <i class="layui-icon layui-icon-export">导出</i>
            </button>
        </div>
    </div>
</script>

JavaScript部分:

1 $(document).on("click", "#button", function () {
2 
3     alert("Hello World!");
4 });

Thank you!

标签:Layer,Thank,前端,有个,事件,使用,click
From: https://www.cnblogs.com/cholovely/p/17116561.html

相关文章

  • 怎么使用 Scrapy 框架自带的 pipelines
    目录定义一个item启用默认的FilesPipeline配置一个下载路径(FILE_STORE)调用items主文件下载做法精细化操作定义一个item参数要设置为file_urls和files调用时fi......
  • [WPF] 使用Silk.NET绘制D3D9或OpenGL内容并完美解决空域问题。
    可扩展渲染控件实现的基本思路(D3D、OpenGL绘制所使用的基类):   首先创建一个抽象类FramebufferBase,该类主要记录当前控件宽高和图像资源。publicabstractclas......
  • GitLab安装使用(SSH+Docker两种方式)
    GitLab安装使用​​1、在ssh下安装gitlab​​​​1.1安装依赖​​​​1.2配置镜像​​​​1.3开始安装​​​​1.4gitlab常用命令​​​​2、在docker下安装gitlab​​......
  • 为什么要使用Docker?
    为什么使用Docker​​1、Docker为什么会出现​​​​2、Docker的理念​​​​3、容器与虚拟机的比较​​​​4、Docker能做什么?​​​​4.1一次构建、随处运行​​​​4.2......
  • Vue使用i18n
    Vue与vue-i18n包安装npmivue-i18n@8Vue2使用8版本Vue3使用默认版本资源准备新建文件夹lang存放使用的语言文件目录结构scrlangen.jszh.jsindex.js......
  • 12c move数据文件不会自动提交使用该数据文件的事务
    环境:OS:Centos7DB:12.2.0.1 1.创建pdbcreatepluggabledatabasepdb03adminuserhxlidentifiedbyoracleroles=(dba)CREATE_FILE_DEST='/u01/app/oracle/oradat......
  • java使用JDBC与mysql进行连接基础操作
    packagecom.atguigu.api.statement;importcom.mysql.cj.jdbc.Driver;importjava.sql.*;//使用statement查询t_user表下所有用户数据//在连接前要导入数据库连接的jar包p......
  • 使用Docker来配置Nginx映射静态H5页面
    前提:需要预装docker1、拉取Nginx镜像$dockerpullnginx2、挂载镜像$dockerrun--namenginx-p80:80-dnginx3、查看挂载的镜像,获取CONTAINERID$dockerps......
  • response、reques对象的基本使用
    response、reques对象的基本使用http协议请求请求头请求正文、参数请求对象servletRequest响应对象servletResponse响应数据getOutputStream():字节流数据get......
  • uni-app:使用uni-list显示列表数据之一(hbuilderx 3.6.18)
    一,演示代码:说明:演示代码中实现的功能:    1,各个列表项展示不同类型的内容    2,取消uni-list-item默认样式中的padding    3,  取消uni-list......