thymeleaf中使用layui动态生成的按钮,无法监听按钮的click事件

发布于 2022-09-12 13:53:20 字数 1794 浏览 16 评论 0

<div th:each="answer,answerStat:${question.getAnswers()}" class="layui-col-md8 layui-col-md-offset2" style="background-color: #fff;margin-top: 20px;">
        <div class="" style="font-size: 1.2em;background-color: #fff;">
            <div class="layui-btn-group">
                <button type="button" class="layui-btn layui-btn-primary">
                    <i class="layui-icon">&#xe6c6;</i>
                </button>
                <button type="button" class="layui-btn layui-btn-primary">
                    <i class="layui-icon">&#xe6c5;</i>
                </button>
                <button type="button" th:id="talk+(${answer.id})" th:onclick="show('talk',[[${answer.id}]]);" class="layui-btn layui-btn-primary">
                    <i class="layui-icon">&#xe611;</i>
                </button>
            </div>
            <div th:id="Input+(${answer.id})" class="layui-hide layui-form" style="margin-top: 5px;">
                <div class="layui-form-item">
                    <input type="text"  class="layui-input" placeholder="输入评论" />
                </div>
                <div class="layui-btn-group">
                    <button type="button" th:id="answer+(${answer.id})" class="layui-btn layui-btn-primary">
                        <i class="layui-icon">提交评论</i>
                    </button>
                </div>

            </div>
        </div>
window.show= function (str,id) {
            id = str+id;
            console.log(id);
            $("div[id^=id]").removeClass("layui-hide");
        }

想着可能是模板引擎加载可能是异步,但是使用th:click还是没用

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

陌伤浅笑 2022-09-19 13:53:20

用lay-filter监听

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文