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

新手上路,请多包涵
<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还是没用

阅读 3.1k
1 个回答

用lay-filter监听

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏