How to insert close button in popover for bootstrap

前端 未结 25 2985
忘了有多久
忘了有多久 2020-11-29 20:53

JS:

$(function(){
  $(\"#example\").popover({
    placement: \'bottom\',
    html: \'true\',
    title : \'         


        
25条回答
  •  情书的邮戳
    2020-11-29 21:36

    I found the code below very useful (taken from https://www.emanueletessore.com/twitter-bootstrap-popover-add-close-button/):

    $('[data-toggle="popover"]').popover({
      title: function(){
        return $(this).data('title')+'×';
      }
    }).on('shown.bs.popover', function(e){
      var popover = $(this);
      $(this).parent().find('div.popover .close').on('click', function(e){
        popover.popover('hide');
      });
    });
    

提交回复
热议问题