Question

我使用Bootstrap3，我有一个按钮：

    <a id="addSiteButton" href="#" data-toggle="modal" data-target="#addSiteModal" data-remote="/add_site" title="Add site" class='btn btn-primary'>Add Site</a>

和同一页面上的模态代码

<div class="modal fade" id="addSiteModal" tabindex="-1" role="dialog" aria-labelledby="addSiteModalLabel" aria-hidden="true">
</div>

现在这个页面从/ add_site获取一个模态，看起来像这样

<script src="jquery-1.7.2.min"></script>
<script src="bootstrap.min"></script>

<script type='text/javascript'>
    $(document).ready(function(){
        $('.input-tooltips').tooltip({});
    });
</script>

<div class="modal-dialog">
    <div class="modal-content">

        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Title</h4>
        </div>
        <div class="modal-body">

           <a href="#"><span data-container="body" data-toggle="tooltip" data-original-title="tooltip here" class="input-tooltips glyphicon glyphicon-question-sign"></span> test</a>

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

但是当我将鼠标悬停在工具提示上时工具提示无效。

但是，如果我直接从浏览器转到/ add_site，则会出现一个模态并且工具提示有效。

那么，当模型在/ index

打开时，如何让工具提示（和其他js）工作？

感谢。

Answer 1

模态远程调用使用jQuery的get（）（http://api.jquery.com/jQuery.get/）获取页面。只传输和显示数据。

在获取数据并加载后添加数据：

$('#myModal').on('shown.bs.modal', function () {
   $('.input-tooltips').tooltip({});
});

将此文件添加到根文档的文档中。

Bootstrap3远程模式与远程javascript？

1 个答案: