2015-10-21 2 views
2

Я использую часть загрузочного popover в своем html. Я просто хочу, чтобы disapear в поповер на тело мыши или HTML нажмитеBootstrap Popover убрать на кузове

$(function(){ 
    $('[data="popover"]').popover({ 
     container: 'body', 
     html: true, 
     content: function() { 
      return $($(this).data('popover-content')).removeClass('hide'); 
     } 
    }).click(function(e) { 
     e.preventDefault(); 

    }); 

}); 

ответ

0

Добавьте атрибут data-trigger к фактической пирог, и установить его на focus, как так ...

<a href="#" title="Dismissible popover" data-toggle="popover" data-trigger="focus" data-content="Click anywhere in the document to close this popover">Click me</a> 

Отрывок с помощью этого продемонстрировать ...

$(document).ready(function(){ 
 
    $('[data-toggle="popover"]').popover(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 

 
<div class="container"> 
 
    <h3>Popover Example</h3> 
 
    <a href="#" title="Dismissible popover" data-toggle="popover" data-trigger="focus" data-content="Click anywhere in the document to close this popover">Click me</a> 
 
</div>

Если вы боретесь есть прочитать эту страницу, это было, когда ответ пришел из

http://www.w3schools.com/bootstrap/bootstrap_popover.asp

Смежные вопросы