JQuery로 부트 스트랩 알림을 활성화하십시오.

Question

저는 JQuery에 익숙하지 않습니다. 버튼을 클릭하면 JQuery 스크립트가 실행되는 모달 버튼이 생깁니다. 경고 상자를 표시하려면이 스크립트가 필요합니다.

코드 :

<div id="formAlert" class="alert alert-warning hide"> 
    Please enter your  
</div> 

는 위의 모달 안에 있습니다. 당신의 도움에 대한

<script type="text/javascript"> 

     $(document).ready(function(){ 

      $("#submitMe").click(function(){ 
       $("#formAlert").show(); 
      }); 

     }); 
    </script> 

감사합니다!

Answer 1

우선 CSS에서 display: none을 사용하여 알림을 숨겨야합니다. 부트 스트랩의 .hide 클래스를 사용하여이를 달성하고 있으므로 충분해야합니다.

다음으로, alert()은 jQuery 객체의 적절한 기능이 아닙니다. window 개체의 기능이며 시스템 경고를 표시하는 데 사용됩니다.

jQuery의 show() 함수 만 사용하면됩니다. e.preventDefault()을 사용하여 이벤트의 기본 동작 (예 : 제출 버튼 클릭)을 차단해야 할 수도 있습니다. 예를 들어, 스크립트는 다음과 같이한다 : 우리가 $(document).ready(function() { });의 $(function() { }) 바로 가기를 사용

$(function() { 
    $('#submitMe').on('click', function(e) { 
     e.preventDefault(); 
     $('#formAlert').show(); 
    }); 
}); 

공지 사항.