Javascript js中的开放模式_Javascript_Jquery_Html

Javascript js中的开放模式

javascript jquery html

Javascript js中的开放模式,javascript,jquery,html,Javascript,Jquery,Html,您好，我正在尝试使用以下网站的模式（第一个示例）：有没有办法用js打开模态？当我打开模式时，如果我页面上的表单字段正确提前谢谢您需要包括JQuery和调用库链接，这个完整的示例说明了您需要什么 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

您好，我正在尝试使用以下网站的模式（第一个示例）：

有没有办法用js打开模态？当我打开模式时，如果我页面上的表单字段正确

提前谢谢

您需要包括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>


文件
谢谢点击。感觉很好