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();});