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