18
ホバーされている間、Bootstrapポップオーバーを存続させるにはどうすればよいですか?
ブートストラップポップオーバーを使用して、ユーザー情報を表示するホバーカードを作成し、ボタンのマウスオーバーでトリガーします。ポップオーバー自体がホバーされている間、このポップオーバーを存続させたいのですが、ユーザーがボタンへのホバーを停止するとすぐに消えます。これどうやってするの? $('#example').popover({ html : true, trigger : 'manual', content : function() { return '<div class="box">Popover</div>'; } }); $(document).on('mouseover', '#example', function(){ $('#example').popover('show'); }); $(document).on('mouseleave', '#example', function(){ $('#example').popover('hide'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> <a href="#" id="example" class="btn btn-danger" rel="popover" >hover for popover</a> コードスニペットを実行する結果を非表示スニペットを展開