引導程序彈出窗口的關閉按鈕無法正常工作

Question

我的彈出窗口的關閉按鈕有問題。 第一次，我關閉彈出窗口很好，但是當我打開另一個窗口並嘗試關閉它時，它不再起作用。

這是我的彈出窗口的JS：

$(function () {
  $('[data-toggle="popover"]').popover({
    "html": true,
    "title": '<span class="text-info"><strong>title</strong></span>'+
            '<button type="button" id="close" class="close" >&times;    </button>',
    "content": function(){
        var div_id =  "tmp-id-" + $.now();
        return details_in_popup($(this).data('url'), div_id);
    }


  }).on('shown.bs.popover', function(e){
  var popover = jQuery(this);
  $('.close').on('click', function(e){
    popover.popover('hide');
  });
 });
});

任何線索導致此問題的原因是什么？

謝謝！

Answer 1

第二次創建彈出窗口時， $('.close')將獲得兩個元素。

如果要隱藏所有popop使用

$('[data-toggle="popover"]').popover('hide')