bootstrap modal 弹窗 数据清除

洪哲彦
2023-12-01

bootstrap modal操作简单易用,

但是发现当用于弹出不同的编辑页面时,数据总是显示第一次的数据,

查了好久是这样的:

//清除弹窗原数据
$("#create_modal").on("hidden.bs.modal", function() {
    $(this).removeData("bs.modal");
});


另附上modal一些触发函数

事件描述实例show.bs.modal在调用 show 方法后触发。

$('#identifier').on('show.bs.modal', function () {
  // 执行一些动作...
})
shown.bs.modal当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。
$('#identifier').on('shown.bs.modal', function () {
  // 执行一些动作...
})
hide.bs.modal当调用 hide 实例方法时触发。
$('#identifier').on('hide.bs.modal', function () {
  // 执行一些动作...
})
hidden.bs.modal当模态框完全对用户隐藏时触发。
$('#identifier').on('hidden.bs.modal', function () {
  // 执行一些动作...
})


 类似资料: