无法从close上删除模态。每次都显示相同的内容

时间:2014-12-01 08:53:18

标签: jquery twitter-bootstrap

无法在关闭时从模态中删除数据。每次都显示相同的内容

$('body').on('hidden.bs.modal', '.modal', function () {
  $(this).removeData('bs.modal');
});

此功能也无效。

3 个答案:

答案 0 :(得分:0)

有同样的问题,当我将数据传递给同一模态,并删除内容。最好的解决方案,只有使用bootBox

http://bootboxjs.com/

bootbox.dialog({
  message: "I am a custom dialog",
  title: "Custom title",
  buttons: {
    success: {
      label: "Success!",
      className: "btn-success",
      callback: function() {
        Example.show("great success");
      }
    },
    danger: {
      label: "Danger!",
      className: "btn-danger",
      callback: function() {
        Example.show("uh oh, look out!");
      }
    },
    main: {
      label: "Click ME!",
      className: "btn-primary",
      callback: function() {
        Example.show("Primary button");
      }
    }
  }
});

答案 1 :(得分:0)

以这种方式尝试Bootstrap v3.2.0

$(document).on("hidden.bs.modal", function (e) {
    $(e.target).removeData("bs.modal").find(".modal-content").empty();
});

通用模态的例子

<div class="modal hide" id="">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">x</button>

    </div>    

    <div class="modal-body">

    </div>

    <div class="modal-footer">

    </div>

</div>

答案 2 :(得分:0)

男人我终于可以做出工作了

应该是。

        $('body').on('hide.bs.modal', '.modal', function (e) {
        $(this).find('form').trigger("reset");
    });

在这篇帖子中I cant clear form data from bootstrap modal Sadikhasan用户将其钉住,您需要清除表单数据,但$(this)是模态div,因此您需要在模态中找到该表单并重置它。