关于easyUI中弹窗的问题

最新推荐文章于 2024-09-15 16:35:16 发布

庭博

最新推荐文章于 2024-09-15 16:35:16 发布

阅读量3.4k

点赞数

分类专栏： JAVA 金庭波

本文链接：https://blog.csdn.net/jintingbo/article/details/82835878

版权

金庭波同时被 2 个专栏收录

86 篇文章 1 订阅

订阅专栏

JAVA

85 篇文章 3 订阅

订阅专栏

先上代码，再说其中的奥秘！弹窗应该是启动最里面的div或iframe才对，你启动外面的可能不是你所要的效果。

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>easyui 中iframe嵌套页面，https://www.cnblogs.com/baiyangyuanzi/p/6625744.html</title>
      <!--要下载easyUI框架，然后加入本文件中，只要加两个就可以了-->
      <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.2/themes/default/easyui.css">
      <script type="text/javascript" src="js/jquery.min.js"></script>
      <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
      <script type="text/javascript">
         
         $(function(){
             <!--s1的点击事件-->
             $('#s1').click(function(){
                    <!--得到s1中的值-->
                    var $t1=$('#s1').html();
                    $("#wind").window({     //注意弹窗的启动方法是很有讲究的，你启动外层的div,那么里层的iframe就变成图                                       1一样的了，不好看；
                        title:$t1,    //弹窗的标题
                        width:700,    //宽度
                        height:550,   //高度
                        modal:true    //模态对话框
                    });
                });
                $('#s2').click(function(){
                    var $t2=$('#s2').html();
                    $("#wind_1").window({    //注意它启动的是div之中的iframe框架，所以弹窗内就充满了这个框架网面的全部内容。好看。
                        title:$t2,
                        width:700,
                        height:550,
                        modal:true
                    });
                });
         });
      </script>
      <style type="text/css">
         #wind{
            display:none;    <!-- 这一句一定要有,是指刚开始时，将弹窗隐藏-->
         }
      </style>
   </head>
   <body>
      <section id="s1">这是一句</section>
      <section id="s2">这是二句</section>
      <div id="wind" title="弹窗">
         <iframe id="wind_1" name="wind_1" src="openW.html"></iframe>
      </div>
   </body>
</html>

注意哦！在同一个页面中启动弹窗的时候，你会发现，它居然总是第一次的弹窗值，这个时候，你就要使用一个刷新的语句。