モールでは、ナビゲーションバーのショッピングカートディスプレイには、マウスが通り過ぎる必要があり、ショッピングカートに配置された製品が表示されます。 Bootstrapには直接プラグインがありません。この時点で、ポップオーバープラグインを使用して変換できます。詳細は次のとおりです。
実装レンダリング:
HTML実装:
<a href = "#" rel = "drevil"> <span> </span>ショッピングカート</a>
JavaScriptの実装:
$(function(){$( "[rel = drevil]")。ポップオーバー({トリガー: 'マニュアル'、配置: 'bottom'、//ポップオーバーの配置。また、トップ、ボトム、左、または右視線を使用できます: '<テキストアリグイン:センター;カラー:カラー:レッドテキストデカレーション:アンダーライン;ポップオーバー:「true」、// coursecontentのhtmlを表示する必要があります: '<div id = "popoverbox"> <img src = "http://www.-report.com HTMLボックスここに画像を追加するか、Animation:false})。 {$(_ this).popover( 'hide');});})。上記は、エディターがBootstrapに導入したもので、ポップオーバープラグインを使用して、マウスをディスプレイボックスに表示および維持できるようにします。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!