쇼핑몰에서 내비게이션 바의 쇼핑 카트 디스플레이는 종종 마우스를지나 가야하며 쇼핑 카트에 배치 된 제품이 표시됩니다. Bootstrap에는 플러그인이 직접적으로 없습니다. 현재 Popover 플러그인을 사용하여 변환 할 수 있습니다. 세부 사항은 다음과 같습니다.
구현 렌더링 :
HTML 구현 :
<a href = "#"rel = "drevil"> <span> </span> 쇼핑 카트 </a>
자바 스크립트 구현 :
$ (function () {$ ( "[rel = drevil]"). popover ({trigger : 'manual', placement : // popover의 배치. 또한 상단, 하단, 왼쪽 또는 오른티틀을 사용할 수 있습니다. <div-style = "text-align : color : red; 텍스트-디코레이션; 밑줄; POPOVER 추가 기본 CSSHTML을 추가합니다 : 'true', // coursecontent의 html을 표시해야합니다. html box. 여기에 이미지를 여기에 추가하거나 실제로 원하는 모든 것을 추가하십시오. Animation : Animation : false}). on ( "마우스 엔터", function () {var _this = this; $ (this) .popover ( "show"); $ (this) .Siblings ( ". popover"). {$ (_ this) .popover ( 'hide');});}).위의 내용은 Bootstrap에 소개 된 편집기가 Popover 플러그인을 사용하여 마우스를 디스플레이 박스에 표시하고 유지할 수 있도록합니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!