Twitter Bootstrap懸停和焦點工具提示

Twitter引導工具提示觸發默認懸停。Twitter Bootstrap懸停和焦點工具提示

我可以添加data-trigger =「focus」來使工具提示顯示焦點，但我如何做懸停和焦點？

2012-11-26 RLeisinger

通過@Adrian解決方案不會對引導工作3.使用下列內容：

$('[rel=tooltip]').tooltip(); 
$(document).on('hover', '[rel=tooltip]', function() { $(this).tooltip('show'); }); 
$(document).on('focus', '[rel=tooltip]', function() { $(this).tooltip('show'); });

來源

2014-01-17 13:06:44 Dmitry

你試過data-trigger="focus hover"

來源

2012-11-26 20:48:42 bluetoft

我試過數據 - trigger =「focus hover」，data-trigger =「hover focus」。兩者都只在焦點上觸發，而不是懸停。 – RLeisinger

快速查看源代碼或文檔可以驗證這是迄今爲止不可能的。 –

我的是不同的，懸停的作品，但重點不... woah ..... – kebyang

trigger是一個單值屬性，所以你要假的或者這兩種方法：

$('.tooltip').tooltip({trigger: 'hover'}).each(function() { 
    var $this = $(this), data = $this.data('tooltip'); 
    $this.on('focus.tooltip', $.proxy(data.enter, data)) 
    .on('blur.tooltip', $.proxy(data.leave, data)); 
});

更新：另外，你可以用我的patch到Twitter的引導來使trigger具有多值屬性，並將其設置爲hover focus。

來源

2012-11-27 20:23:30

我試圖使用該補丁，仍然得到/或但不是多個觸發器。我在上面使用了'假'，它在我沒有指定數據觸發器時起作用。我會繼續嘗試這個補丁。感謝您的幫助。 – RLeisinger

你可以發佈你嘗試jsfiddle的代碼嗎？無論如何，我們應該把這個討論轉到[pull request]（https://github.com/twitter/bootstrap/pull/6102）。 –

你可以簡單地通過觸發參數：

$('[data-toggle="tooltip"]').tooltip({ trigger:'hover focus' });

see bootstrap tooltip article

來源

2017-10-24 18:26:09 MajiD

Twitter Bootstrap懸停和焦點工具提示

回答

相關問題