The ifame page (jquery. reveal. js) and jquery. reveal. js are displayed.
1 <body> 2 <a data-reveal-id = "myModalDailyModify" data-animation = "fade" title = "edit"> edit </a> 3 <div style =" position: fixed "> 4 <div id =" myModalDailyModify "class =" reveal-modal "> 5 6 <iframe frameborder =" no "style =" padding-top: 30px "width =" 860 "height =" 408px "src =" WebForm2.aspx "> </iframe> 7 <a class =" close-reveal-modal "> × </a> </div> 8 </body>
Reference :( I personally found that the jquery. reveal. js I referenced must reference the jquery-1.8.0 and a later version won't pop up)
1 <script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script> 2 3 <script src="../js/jquery.reveal.js" type="text/javascript"></script> 4 <link href="../styles/reveal.css" rel="stylesheet" type="text/css" /> 5 6 <style type="text/css" > 7 .reveal-modal { 8 9 top: 80px;10 left: 57%;11 margin-left: -600px;12 width: 850px;13 }14 </style>
Note: This is a personal case in the project.