[.Html css]

[bootstrap 4.0] tooltip hide

혜화초보 2021. 7. 13. 19:23

Bootstrap4.0   

Click the button to clear the tooltip

 

 

 


<button type="button" data-toggle="tooltip" data-placement="top"  id="aa1"
                            title="message !! " class="btn icon btn-info_no mr-1" 
                            onClick="window.open( 'link'  ) ; dispose_tooltip( this);">
                                <i class="fa fa-file-export"></i>
                        </button>

<button type="button" data-toggle="tooltip" data-placement="top"  id="aa2"
                            title="message !! " class="btn icon btn-info_no mr-1" 
                            onClick="window.open( 'link'  ) ; dispose_tooltip( this);">
                                <i class="fa fa-file-export"></i>
                        </button>




<script>

function dispose_tooltip( p1 ){
    var id1 = document.getElementById(p1.getAttribute('id')).getAttribute('id');
    $('#' + id1 ).tooltip('dispose');
}

</script>

 

저작자표시 (새창열림)