引導酥料餅：隱藏當光標移到窗外

Question

我想，當用戶將鼠標懸停文本鏈接

我的問題，以顯示其中包含幾個按鈕的酥料餅是我目前使用的是默認的引導酥料餅駁回當光標從觸發它的鏈接（例如，當用戶移動到選擇按鈕中的一個）

---

這jsFiddle是什麼，我試圖做的。該原則是一個例子：秀酥料餅的時候鏈接（#example）被徘徊，當popover（.popover）不活躍時隱藏彈出窗口ERED。

但這不起作用，雖然我確信BS popover封裝在.popover類中（我使用FF dev調試工具進行檢查）。

有趣的事情：它適用於另一個div！如果我更換

$('.popover').mouseleave(function(){ 
    $('#example').popover('hide'); 
}); 

通過這個

$('.square').mouseleave(function(){ 
    $('#example').popover('hide'); 
}); 

的酥料餅的確是時隱時不再徘徊的藍色方形。

爲什麼不能使用.popover？

Answer 1

當鼠標離開.popover-content而不是.popover時，您需要隱藏彈出窗口。而.popover-content不會在一開始存在，所以你需要將事件綁定到的document

$(document).on('mouseleave','.popover-content',function(){ 
     $('#example').popover('hide'); 
    }); 

http://jsfiddle.net/o4o9rrsq/2/