홈>2020-02-01 00:38

javascript - js에서 모달 열기

안녕하세요 다음 웹 사이트에서 모달을 사용하려고합니다 (첫 번째 예) : http://jquerymodal.com/

js를 사용하여 모달을 여는 방법이 있습니까? 내 페이지의 양식이 필드 인 경우 모달을 열 때

미리 감사합니다!

javascript jquery html

답변 # 1

JQuery를 포함시키고 라이브러리 링크를 호출해야합니다. 필요한 전체 예제입니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
</head>
<body>
  <!-- Modal HTML embedded directly into document -->
  <div id="ex1" class="modal">
    <p>Thanks for clicking. That felt good.</p>
    <a href="#" rel="modal:close">Close</a>
  </div>

<!-- Remember to include jQuery :) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<!-- jQuery Modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
</body>
</html>

Python2.net

javascript - js에서 모달 열기

관련 자료