基于Bootstrap模态对话框只加载一次 remote 数据的解决方法

<div id="myModal" class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">x</button>
    <h3>对话框标题</h3>
  </div>
  <div class="modal-body">
    <p>对话框主体</p>
  </div>
  <div class="modal-footer">
    <a href="#" rel="external nofollow" rel="external nofollow" class="btn" data-dismiss="modal">取消</a>
    <a href="#" rel="external nofollow" rel="external nofollow" class="btn btn-primary" data-dismiss="modal">确定</a>
  </div>
</div>

<button type="button" data-toggle="modal" data-target="#myModal">打开对话框</button>
<a href="#myModal" rel="external nofollow" role="button" class="btn" data-toggle="modal">打开对话框</button>

<a href="page.jsp" rel="external nofollow" data-toggle="modal" data-target="#myModal">打开对话框</a>

$("#myModal").modal({
  remote: "page.jsp"
});

$("#myModal").on("hidden", function() {
  $(this).removeData("modal");
});

$("#myModal").on("hidden.bs.modal", function() {
  $(this).removeData("bs.modal");
});