bootstrap modal显示多次保存时会提交多次

最新推荐文章于 2023-01-09 19:36:30 发布

原创最新推荐文章于 2023-01-09 19:36:30 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种改进的jQuery事件处理方法，通过将模态框的弹出动作和提交按钮的请求动作分离处理，有效避免了事件绑定的冲突，提高了代码的可维护性和执行效率。

$(function() { $('#modal-click-error').on('click', function() { $('#myModal').modal('show'); $("#myModal .btn-primary").on('click', function() { alert("提交"); }); }); });

改为

$(function() { $('#modal-click-error').on('click', function() { $('#myModal').modal('show'); }); $("#myModal .btn-primary").on('click', function() { alert("提交"); }); });

弹出动作和请求动作分开处理解决