引導酥料餅在Chrome中工作

Question

http://www.rightoption.co/

你會發現「我們的客戶」在網頁的RHS端，點擊縮略圖，它打開酥料餅（火狐）， 但它不是在谷歌瀏覽器的工作，請大家幫幫我這項

編輯的：網站上託管

Answer 1

不再這是因爲對於酥料餅默認的觸發是關注的焦點。在Firefox中，當你點擊某件事情時，它似乎獲得了關注，但在這種情況下，對於Chrome來說這似乎並不正確。

您可以嘗試的兩兩件事之一：

嘗試手動設置觸發的標籤是「手動」。因此，添加此屬性數據觸發= 「手動」

OR

在文檔的onload，而不是做：

$('#element, #element1').popover('toggle').popover('hide'); 

使用該行：

$('#element, #element1') 
    .popover() 
    .click(function(e) { 
     e.preventDefault(); 
     $(this).focus(); 
    }); 

Answer 2

接受的答案現在已經相當過時了，但它在Google搜索中提供給我，所以我想補充說，從版本2.3.0開始，Bootstrap現在允許發送'懸停焦點'作爲觸發器，因此它可以在兩者上運行。非常重要的是，它還允許按照您的預期工作的「點擊」觸發器（專門用於Chrome）。

Answer 3

這對我有效！

var el = $('[data-toggle="popover"]'); 
el 
    .on('shown.bs.popover', function(){ 
     $(document).on('click.popover', function() { 
      el.popover('hide'); 
      $(document).off('click.popover'); 
     });        
    }) 
    .popover(); 

更新：藉此單擊另一個酥料餅的元素，同時會顯示一個酥料餅關閉打開的酥料餅，但不打開一個新的上面有一個問題。以下內容將關閉打開的彈出窗口並單擊打開新窗口。

var el = $('[data-toggle="popover"]'); 
el 
    .on('click', function(e){ 
     var el = $(this); 
     setTimeout(function(){ 
      el.popover('show'); 
     }, 200); // Must occur after document click event below. 
    }) 
    .on('shown.bs.popover', function(){ 
     $(document).on('click.popover', function() { 
      el.popover('hide'); // Hides all 
     }); 
    }) 
    .on('hide.bs.popover', function(){ 
     $(document).off('click.popover'); 
    });