Layer中使用事件

前端一直以来都没怎么研究过，正好手头有个项目需要自己独立完成。项目使用的前端框架是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部分：

$(document).on("click", "#button", function () {

    alert("Hello World!");
});

Thank you！