부트 스트랩 모달 박스의 간단한 개요
부트 스트랩 모달은 사용자 정의 jQuery 플러그인을 사용하여 작성됩니다. 사용자 경험을 풍부하게하기 위해 모달 창을 만들거나 사용자에게 실용적인 기능을 추가하는 데 사용할 수 있습니다. 모달에서 Popover 및 Tooltip을 사용할 수 있습니다.
1. 부트 스트랩 모달 대화 상자 및 간단한 사용
div id = "myModal"> <div> <버튼 유형 = "버튼"Data-dismiss = "modal"> x </button> <h3> 다이얼 박스 제목 </h3> </div> <div> <p> 다이얼 박스 바디 </p> </div> <div> <a href = "#"data-dismiss = "modal"> href = "a href ="#" data-dismiss = "modal"> 확인 </a> </div> </div>
모달 대화 상자는 버튼이나 링크를 사용하여 직접 호출 할 수 있으며 간단한 사용법입니다.
<a href = "#modal1"역할 = "버튼"data-toggle = "modal"> 계약 추가 </a>
또한 대화 상자를 열 때마다 양식 데이터를 지우도록해야 할 때 다음과 같이.
$ ( '#modal1'). modal ( 'hide'); $ ( "#modal1"). on ( "hidden", function () {$ ( '#form1') [0] .reset ();}); // 계약을 추가 한 후 양식 작동을 지우십시오위의 내용은 편집자가 소개 한 부트 스트랩 모달 박스를 사용하는 것입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 더 흥미로운 콘텐츠를 알고 싶다면 Wulin.com 웹 사이트에주의를 기울이십시오!