引導酥料餅不是在iPad

工作

我有一個引導酥料餅的工作，所以：引導酥料餅不是在iPad

酥料餅上點擊打開當您單擊酥料餅外
酥料餅關閉
酥料餅具有默認的href因爲如果JS被禁用

代碼是：

<a class="badge badge-popover" 
    data-original-title="title here" 
    data-trigger="focus" 
    data-placement="right" 
    data-content="<p>Content Here</p>" data-html="true" 
    href="/help">?</a> 

$('.badge-popover').click(function(e){ 
    e.preventDefault(); 
}).popover();

它在所有瀏覽器上工作正常，但在iPad上無法正常工作。任何想法爲什麼？我哪裏錯了？謝謝:)

我使用jQuery 1.9.1，2.1.1引導

來源

2013-03-18 Nicole Harris

你使用的是最新版本的jQuery？ – Jivings 2013-03-18 00:10:17

@Jivings我正在使用1.9.1 – 2013-03-18 00:15:12

嘗試在點擊前鏈接popover – Ohgodwhy 2013-03-18 00:21:03

嘗試使用hover事件：

這應該通過hover並通過手機/平板電腦觸發桌面酥料餅（觸摸）。

<a class="badge badge-popover" 
    data-original-title="title here" 
    data-placement="right" 
    data-trigger="hover" 
    data-content="<p>Content Here</p>" data-html="true" 
    href="/help">?</a>

來源

2013-03-21 12:10:51 HaNdTriX

這不適合我。 iPad5，Bootstrap 2.3.2 – 2013-08-10 04:24:57

請參考下面的代碼來獲得它的工作原理：

$('[data-toggle="popover"]').popover(); 

$('body').on('click', function (e) { 
$('[data-toggle="popover"]').each(function() { 
    //the 'is' for buttons that trigger popups 
    //the 'has' for icons within a button that triggers a popup 
    if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { 
     $(this).popover('hide'); 
    } 
}); 
});

這是對身體檢測點擊的最簡單的方法，並關閉網頁上的所有提示。

您可以檢查活生生的例子here

謝謝！

來源

2014-05-13 04:49:06 Aruna

剛遇到同樣的問題。更改data-trigger="focus"至data-trigger="click"的作品。懸停也有效。

來源

2015-03-10 23:01:17

將data-trigger =「focus」更改爲data-trigger =「click」幾乎可以正常工作，但問題在於即使單擊了外部彈出窗口，彈出窗口仍保持打開狀態，只有單擊該元素，啓動了popover ...

來源

2015-12-11 10:07:37

引導酥料餅不是在iPad

回答

相關問題