18
ฉันจะทำให้ Bootstrap popovers มีชีวิตอยู่ได้อย่างไรในขณะที่ถูกโฉบ
ฉันใช้ Bootstrap popover เพื่อสร้างการ์ดโฮเวอร์ที่แสดงข้อมูลผู้ใช้และฉันกำลังเรียกใช้มันเมื่อวางเมาส์เหนือปุ่ม ฉันต้องการให้ป๊อปโอเวอร์นี้มีชีวิตอยู่ในขณะที่ป๊อปโอเวอร์นั้นถูกวางไว้ แต่มันจะหายไปทันทีที่ผู้ใช้หยุดวางเมาส์เหนือปุ่ม ฉันจะทำเช่นนี้ได้อย่างไร? $('#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 …