0

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

谢谢。

4

1 回答 1

0

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

在获取并加载数据后添加您的数据:

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

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

于 2013-10-17T20:32:10.050 回答