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"></i>
</button>
<button type="button" class="layui-btn layui-btn-primary">
<i class="layui-icon"></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"></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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
用lay-filter监听