0

我用Bootstrap3,我有一个按钮:Bootstrap3远程模式与JavaScript在远程?

<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模式在那里,工具提示工作。

所以,我怎样才能得到一个提示(和其他JS)当一个模型在/指数

由于打开工作。

回答

0

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

添加您的数据后,数据被取出并装入:

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

文档准备好你的根文件中添加这一点。