jquery로 모달을 만드는 방법은 무엇입니까?

-4

jquery로 모달을해야하기 때문에 부트 스트랩 모달을 사용하여 모달을 닫지 않고 뭔가를 쓰고 js로 닫을 수 있지만 모달을 타겟팅 할 수 없습니다. 올바른 경로를 표시하십시오. , 나는 모달을 초 동안 머물면서 "성공했다"와 같은 것을 쓰고 멈추기 위해 타임 아웃 후에, 단지 나에게 길을 보여 주길 바란다.jquery로 모달을 만드는 방법은 무엇입니까?

출처

2017-02-08 Giorgi Macharashvili

이미 시도한 것을 보여줄 수 있습니까? – jonmrich

스택 오버플로는 코드 작성 서비스가 아닙니다. [좋은 질문을하는 법] (http://stackoverflow.com/help/how-to-ask)을 참조하십시오. – Hamms

jquery로 모달의 간단한 예를 살펴 보았습니다. 부트 스트랩 모달에 주로 사용되는 .modal() 함수가 있습니다.이 모달 jquery는 자바 스크립트로도 만들 수 있습니다.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Bootstrap Example</title> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div class="container"> 
<h2>Activate Modal with JavaScript</h2> 
<!-- Trigger the modal with a button --> 
<button type="button" class="btn btn-info btn-lg" id="myBtn">Open Modal</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" role="dialog"> 
<div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
    </div> 
    <div class="modal-body"> 
     <p>Some text in the modal.</p> 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
    </div> 
    </div> 
    </div> 
</div> 
<script> 
$(document).ready(function(){ 
$("#myBtn").click(function(){ 
    $("#myModal").modal(); 
}); 
}); 
</script> 
</body> 
</html>

출처

2017-02-10 01:27:35 DummyTarget

감사합니다. –

당신은 환영합니다 :) – DummyTarget

jquery로 모달을 만드는 방법은 무엇입니까?

답변

관련 문제