Question

我使用了jquery 1.12.2和Bootstrap 3。

这是我的代码，

$('body').on('hidden.bs.modal', '#wideModal', function () {
    $('#wideModal .modal-body').empty();
    $('#wideModal .modal-content').removeData('bs.modal');
    $('#wideModal .modal-body').html("");
    $('#wideModal').data('bs.modal', null);
});

它仍然没有删除上一个模态的内容。我不能使用option.remote。要将数据放入我的模态，我使用了JavaScript。

这是代码，

$('#wideModal .modal-body').html(str);

如何完全删除模态的内容？

Answer 1

如果您尝试清空输入字段，可以尝试使用

$('#myModal').on('hidden.bs.modal', function () {
        $('.modal-body').find('textarea,input').val('');
});

Answer 2

Jquery site说 .removeData（）方法允许我们删除先前使用.data（）设置的值。

我认为.remove（）应该可以正常工作，因为它会从DOM中删除匹配的元素。

关闭和removeData在模态中不起作用

2 个答案: