javascript - Bootstrap 工具提示不适用于鼠标悬停

Question

我正在尝试在鼠标悬停在表单的输入字段上时对 Bootstrap 工具提示执行操作，但它不起作用。如果您单击输入字段，它会显示工具提示。但是，我希望它在鼠标悬停时显示并在 5 秒后隐藏。这是 jsfiddle 。这是 Javascript 代码。

$(function() {
    $("#number").popover({
        title: 'Enter Mobile Number', 
        content: "Please enter 10 digit mobile number prefixed by country code eg +911234567890"
    });  
});

Answer 1

你需要提供属性data-trigger:

data-trigger="hover"

尝试这样的事情:FIDDLE

<input type="text" name="toNumber" id="number" maxlength="13" placeholder="Enter 10 digits number to send" value="+917676462182" rel="popover" data-trigger="hover"/>