javascript - Twitter Bootstrap Modal 远程功能无法正常工作

Question

我正在使用 twitter boostrap，我想从另一个页面获取 html 并将其加载到我当前页面的模态中。所以我创建了一个 javascript 函数来帮我处理这个问题。

在我的“index.php”中我有这个:

<button onclick="popIt('create_event.php', 'Create Event');" data-toggle="tooltip" data-placement="top" data-original-title="Edit" class="btn ttp"><i class="icon-pencil"></i></button>
<button onclick="popIt('tester.php', 'Test Head');" data-toggle="tooltip" data-placement="top" data-original-title="Delete" class="btn btn-danger ttp"><i class="icon-remove icon-white"></i></button>

javascript函数是这样的:

<script>

function popIt(url, header) {

        $('#myModal').modal({
            remote: url
        });
        $('#myModalLabel').html(header);
    }

这会在我单击按钮时加载相应的页面，但是当我关闭模式并单击另一个按钮时它仍会加载上一页。

请问我做错了什么？谢谢

Answer 1

隐藏完成后销毁对象

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