Bootstrap3 remote modal with javascript in remote?

Bootstrap3 remote modal with javascript in remote?

本文关键字：remote in javascript with modal Bootstrap3      更新时间：2023-09-26

我使用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）工作

谢谢。

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

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

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

将其添加到根文档准备好的文档中。

相关文章：