twitter引导远程模式每次显示相同的内容。

Question

twitter引导远程模式每次显示相同的内容。我正在使用twitter引导程序，我指定了一个模式<div class="modal hide" id="modal-item">     <div class="modal-header">         <button type="button" class="close" data-dismiss="modal">x</button>         <h3>Update Item</h3>     </div>     <form action="http://www.website.com/update" method="POST" class="form-horizontal">     <div class="modal-body">         Loading content...    </div>     <div class="modal-footer">         <a href="#" class="btn" data-dismiss="modal">Close</a>         <button class="btn btn-primary" type="submit">Update Item</button>     </div>     </form></div>以及链接<a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> <a href="http://www.website.com/item/2" data-target="#modal-item" data-toggle="modal">Edit 2</a> <a href="http://www.website.com/item/3" data-target="#modal-item" data-toggle="modal">Edit 2</a>当我第一次点击这些链接时，我看到了正确的内容，但当我单击其他链接时，它显示了第一次加载的相同内容，它不会更新内容。我希望它每次点击时都能更新。P.S：我可以很容易地通过自定义jQuery函数使它工作，但是我想知道是否可以使用本机引导模式远程函数，因为它应该很容易，我想我只是让事情复杂化了。

Answer 1

对于引导程序3，您应该使用：

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

Answer 2

对于引导3.1，您需要删除数据并清空modal-content而不是整个对话框(3.0)，以便在等待远程内容加载时避免闪烁。

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

如果您使用的是非远程调制解调器，那么上面的代码当然会在关闭后删除它们的内容(坏的)。您可能需要在这些调制解调器中添加一些内容(比如.local-modal类)因此它们不受影响。然后修改上述代码以：

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