Как включить загрузку popover для открытия и закрытия нескольких раз?

Question

Я хочу, чтобы popover использовал загрузочный лоток, который можно закрыть, нажав кнопку во всплывающем окне. Но после закрытия я должен дважды щелкнуть по кнопке, чтобы снова открыть popover.

Я в настоящее время имеет следующую реализацию:

HTML:

<button type="button" id="example" class="btn btn-primary">example</button> 

JAVASCRIPT:

$(document).ready(function() { 
    $("#example").popover({ 
     placement: 'bottom', 
     html: 'true', 
     title : '<span class="text-info"><strong>Title</strong></span>'+ 
       '<button type="button" id="close" class="close" 
       onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;); 
       ">&times;</button>', 
     content : 'Content' 
    }); 
}); 

Как можно реализовать крупную кнопку в пироге без необходимости нажимать дважды кнопку для повторного открытия popover?

Answer 1

Вы можете исправить это, добавив click() событие.

$(document).ready(function() { 
    $("#example").popover({ 
     placement: 'bottom', 
     html: 'true', 
     title : '<span class="text-info"><strong>Title</strong></span>'+ 
       '<button type="button" id="close" class="close" 
       onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;).click(); 
       ">&times;</button>', 
     content : 'Content' 
    }); 
});