thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误

简介: onclick调javascript函数时,不能直接使用onclick=“editUser(${prod.id})”,这样会报错,需要修改成如下的格式。 <a href="#editModal" role="button" data-toggle="modal" th:onclick="'javascript:editUser('+${prod.id}+');'">修改&

onclick调javascript函数时,不能直接使用onclick=“editUser(${prod.id})”,这样会报错,需要修改成如下的格式。

<a href="#editModal" role="button" data-toggle="modal" th:onclick="'javascript:editUser('+${prod.id}+');'">修改</a>

<script>

function editUser(id){
         $.get("/projectName/user/edit",{objectid:id},function(data) {
                $("#frm_container1").html(data);
            });
     }

</script>


另外调用bootstrap.js之前需要将jQuery.js引用,否则会出现点击两次才出现模态框的情况。

目录
相关文章
N..
|
2月前
|
开发框架 前端开发 JavaScript
Bootstrap模态框
Bootstrap模态框
N..
15 1
|
7月前
|
前端开发 JavaScript
|
前端开发 CDN
前端:Bootstrap 模态框
前端:Bootstrap 模态框
81 0
前端:Bootstrap 模态框
|
前端开发
bootstrap 组件 之模态框组件
bootstrap 组件 之模态框组件
|
前端开发 CDN
前端:Bootstrap 模态框
前端:Bootstrap 模态框
前端:Bootstrap 模态框
|
移动开发 前端开发 JavaScript
Bootstrap 模态框Modal【前端Bootstrap框架】
Bootstrap 模态框Modal【前端Bootstrap框架】
Bootstrap 模态框Modal【前端Bootstrap框架】
|
前端开发
bootstrap如何去除自带的样式----导航栏中的菜单实现平滑的过渡到对应的菜单区域-------动态跟换模态框中的内容
bootstrap如何去除自带的样式----导航栏中的菜单实现平滑的过渡到对应的菜单区域-------动态跟换模态框中的内容
|
前端开发 JavaScript
bootstrap3-dialog:更强大、更灵活的模态框(2)
bootstrap3-dialog:更强大、更灵活的模态框
319 0
|
前端开发 开发工具 git
bootstrap3-dialog:更强大、更灵活的模态框(1)
bootstrap3-dialog:更强大、更灵活的模态框
256 0
bootstrap3-dialog:更强大、更灵活的模态框(1)
|
前端开发 JavaScript UED
Bootstrap教程(16)--模态框
本文目录 1. 概述 2. 模态框样式 3. 按钮直接关联模态框 4. 通过JS方法打开/关闭模态框 5. 调整大小 6. 动画效果 7. 小结
199 0
Bootstrap教程(16)--模态框