單擊時總是打開引導彈出框

Question

引導彈出框第一次單擊打開，第二次單擊關閉。在這裏，我想打開彈出窗口，當它是第一次或第二次點擊它。

請給我建議。

<i class="fa fa-file" id="popoverDwnFiles"></i> 

$("#popoverDwnFiles").popover({ 
    html: true, 
    content: function() { 
     return $('#divDownloadContent').html(); 
    }, 
    title: '<span class="text-info">Exported Files</span>' + 
    '<button type="button" id="close" class="close" onclick="$(&quot;#popoverDwnFiles&quot;).popover(&quot;hide&quot;);">&times;</button>', 
    placement: 'bottom' 
}); 

Answer 1

默認情況下，酥料餅關閉時再次單擊酥料餅的觸發因素上，但它的默認行爲，可以通過trigger: 'manual'

$("#popoverDwnFiles").popover({ 
 
    html: true, 
 
    content: function() { 
 
     return $('#divDownloadContent').html(); 
 
    }, 
 
    title: '<span class="text-info">Exported Files</span>' + 
 
     '<button type="button" id="close" class="close" onclick="$(&quot;#popoverDwnFiles&quot;).popover(&quot;hide&quot;);">&times;</button>', 
 
    placement: 'bottom', 
 
    trigger: 'manual', 
 
}).click(function (e) { 
 
    e.preventDefault(); 
 
}).click(function (e) { 
 
    $(this).popover('show'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> 
 
<i class="fa fa-file btn" id="popoverDwnFiles">Open Me</i>

過度騎

Fiddle

Answer 2

設置trigger到manual和手動show它click事件。

$("#popoverDwnFiles").popover({ 
    html: true, 
    content: function() { 
     return $('#divDownloadContent').html(); 
    }, 
    title: '<span class="text-info">Exported Files</span>' + 
    '<button type="button" id="close" class="close" onclick="$(&quot;#popoverDwnFiles&quot;).popover(&quot;hide&quot;);">&times;</button>', 
    placement: 'bottom', 
    trigger: 'manual' 
}).on('click', function (event) { 
    $("#popoverDwnFiles").popover('show'); 
}); 

DEMO：http://jsfiddle.net/VUZhL/2154/