拖拽关闭后不保留模式框的默认位置

Question

我正在使用bootstrap3模式框，并使用jquery UI draggable plugin使其可拖动。我的问题是，当我第一次打开模式框时，它位于页面的中心，当我拖动它并关闭模式框时，它在下次打开时保留了上次拖动的位置。

​

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

​

Answer 1

jQuery UI Draggable设置顶部和左侧位置。要重置，请捕获on close事件，并将顶部和左侧重置为0。

如下所示：

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

或者查看此JSFiddle以获取示例。