我使用 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">×</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)工作
谢谢。