将html加载到引导模式中会破坏模式中的jquery

Question

我正在使用带有模板引擎的 PHP 框架（Fat Free F3）来拼凑我正在进行的设计。主模板和所有 .js 文件正在 layout.htm 上加载。在 layout.htm 中，我有一个链接，单击该链接会触发 url 的内容显示在引导模式窗口内。以下是该代码：

<a href="/this/is/my/url" class="btn black mini icn-only" data-toggle="docs"><i class="icon-lock icon-large icon-white"></i></a>

<script>    
$(document).ready(function() { 
    $('[data-toggle="docs"]').click(function(e) {
        e.preventDefault();
        var url = $(this).attr('href');
        if (url.indexOf('#') == 0) {
            $(url).modal('open');
        } else {
            $.get(url, function(data) {
                $('<div class="modal container hide fade" tabindex="-1" data-width="820"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button><h3 class="page-title">Title! <small> small txt</small></h3></div><div class="modal-body">' + data + '</div></div>').modal();
            }).success(function() { $('input:text:visible:first').focus(); });
        }
    });
</script>

在这个 url (/this/is/my/url) 内部，我正在尝试使用以下代码使用引导工具提示功能：

<button class="btn tooltips" data-placement="top" data-original-title="Tooltip in top">Top</button>

工具提示不会显示在模态窗口内，但如果我将其添加到模态窗口外的主页上，它就会起作用。所以我的问题是，在使用这个模板引擎时，如何让工具提示（或任何其他引导 jquery 事件）在模式窗口内工作？我应该在模式窗口内重新加载引导 .js 文件吗？

让我感到困惑的是 css 似乎工作正常，因为模态窗口包含一个引导表。我以为 jquery 也可以，但我显然错了。

任何反馈都会有很大帮助。谢谢！

Answer 1

将此添加到您的 jQuery 以启动 tooltip，因为它所绑定的元素在页面加载时不可见：

$(document).on('click', '[data-toggle="docs"]', function() {
    $('.tooltips').tooltip();
});