拖动和关闭后不保留模态框的默认位置

时间:2016-05-16 13:49:35

标签: jquery-ui twitter-bootstrap-3

我正在使用bootstrap3模式框,我使用jquery UI draggable插件使其可拖动。我的问题是当我第一次打开模态框放置页面的中心时,当我拖动它并关闭模态框时,它会在下次打开时保留最后一个拖动位置。



$(function() {
  $("#modal").draggable({
       handle: ".modal-header"
   });
  
});




1 个答案:

答案 0 :(得分:0)

jQuery UI Draggable设置顶部和左侧位置。要重置,请捕获关闭事件并将顶部和左侧重置为0.

像这样:

$('#myModal').on('hidden.bs.modal', function (e) {
  $(this).css({top:0,left:0});
})

或者查看此JSFiddle示例。