javascript - ブートストラップ ツールチップがマウス ホバーで機能しない

Question

フォームの入力フィールドにマウスを置いたときにツールチップをブートストラップしようとしていますが、機能していません。入力フィールドをクリックすると、ツールチップが表示されます。ただし、マウスのホバー時に表示し、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

要素を選択して、ホバーでポップオーバーを呼び出すだけです

<a data-toggle="popover" data-placement="right" data-content="Your Content">Mouse Over Here</a>

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