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({}); 
}); 

文檔準備好你的根文件中添加這一點。