私は 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) を機能させるにはどうすればよいですか?
ありがとう。