Bootstrap 3彈出點擊和懸停

Question

我正在使用jquery javascript和css使彈出工作作爲一個鏈接觸發器，顯示彈出從一個div，但我真正需要的是，它顯示在HOVER上，也點擊。

我現在的代碼正在工作，如果我點擊鏈接，但我需要它，以便它懸停。

的JS：

$('[data-toggle="tooltip"]').tooltip({}); 
$('[data-toggle="click"]').popover();$(function(){ $('[rel=popover]').popover({ html : true, content: function() { return $('.popover_content_wrapper').html(); } }); }); 

和HTML：

<li class="menu-call"><a href="#" rel="popover" data-placement="bottom" title="Call Sales"><i class="icon-phone"></i><b>Call Sales</b></a> 

其工作巨大的，如果我點擊的鏈接，但它不是很理想，我想要它做的這些事情：

1. 彈出懸停（因爲我打算使用它作爲一種工具提示），但也爲點擊（請移動用戶）

2. 從內部URL調用內容以免污染html代碼。如果我在其中添加了所有內容，那麼當前div封裝器：popover_content_wrapper所在的頁腳將會非常大。所以調用內部文件來顯示內容是必須的。

3. 從URL中移除＃（也被添加，如果我使用click方法）

Answer 1

我通常包括這元素：data-trigger="hover click"

所以，在你的榜樣：

<a href="#" rel="popover" data-trigger="hover click" data-placement="bottom" title="Call Sales"><i class="icon-phone"></i><b>Call Sales</b></a>