2016-10-10 9 views
1

私のツールチップがメインページ上で完全に機能しています。後でajax呼び出しによって生成されるモーダルでは、モーダルは機能しません。ブートストラップのツールチップがモーダルで機能しない

私は生成されたモーダル(ajax呼び出しの結果)の中に次のコードを含めました。ツールチップは、私が間違ってやっているSHOW-ていないのはなぜモーダル

<button class="btn btn-lg default tooltips blue-madison" type="submit" 
    name="O" data-container="body" data-placement="top" 
    data-original-title="THIS TEXT FOR TOOLTIPS"> 
    <i class="fa fa-industry blue-madison"></i> BUTTON1 
    </button> 

    <button class="btn btn-lg default tooltips green-jungle" type="submit" 
    name="P" data-container="body" data-placement="top" 
    data-original-title="THIS TEXT FOR TOOLTIPS"> 
     <i class="fa fa-user green-jungle "></i> BUTTON2 
    </button> 

のHTMLで

にツールチップを再INI

<script> 
    $('.tooltips').tooltip(); 
</script> 

答えて

3

おそらく、の後に$('.tooltips').tooltip();と呼ぶべきであるからです。モーダルの内容がドキュメントに挿入されている可能性があります。

それ以外の場合は、現在のコードをテストしてください。

+0

+1私もそうだと思います。 '$( '。modaDivClassName')のようなものを試してみましょう。 '(表示された.bs.modal'、function(){ $( '。ツールチップ')ツールチップ(); });' [Bootstrap Modal Documentation](http://getbootstrap.com/javascript/#modals) – Muli

+0

これはあなたのモーダルのshowイベントで '.tooltip()'を呼び出す必要がある理由です – FastTrack

関連する問題