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

2

3

4

5

6

7

8

9

10

11

12

13

<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="#" class="btn" data-dismiss="modal">取消</a>

        <a href="#" class="btn btn-primary" data-dismiss="modal">确定</a>

    </div>

</div>

2

<button type="button" data-toggle="modal" data-target="#myModal">打开对话框</button>

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

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

2

3

$("#myModal").modal({

    remote: "page.jsp"

});

2

3

$("#myModal").on("hidden", function() {

    $(this).removeData("modal");

});

2

3

$("#myModal").on("hidden.bs.modal", function() {

    $(this).removeData("bs.modal");

});