في المركز التجاري ، غالبًا ما تتطلب عرض عربة التسوق في شريط التنقل من الماوس أن يمر به ، ويتم عرض المنتجات التي تم وضعها في عربة التسوق. Bootstrap لا يحتوي على مكون إضافي مباشرة. في هذا الوقت ، يمكنك استخدام المكون الإضافي Popover لتحويله. التفاصيل كما يلي:
عروض التنفيذ:
تطبيق HTML:
<a href = "#" rel = "drevil"> <span> </span> عربة التسوق </a>
تطبيق JavaScript:
$ (function () {$ ("[[rel = drevil]"). popover ({trigger: 'manual' ، placement: 'bottom' ، // placement of the popover. أيضًا يمكن أيضًا استخدام أعلى ، أسفل ، يسار أو يمين: شريط من popover. مربع html. أضف الصورة هنا أو أي شيء تريده حقًا. {$ (_ this) .popover ('Hide') ؛}) ؛}). on ("mouseLeave" ، function () {var _this = this ؛ setTimeout (function () {if (! $ (".ما سبق هو ما يستخدمه المحرر الذي قدمه Bootstrap المكون الإضافي لتمكين الماوس من عرضه وصيانته في مربع العرض. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!