关于easyUI中弹窗的问题

太过爱你忘了你带给我的痛 2022-05-10 03:10 198阅读 0赞

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

<!DOCTYPE html>
    <html>
       <head>
          <meta charset="UTF-8">
          <title>easyui 中iframe嵌套页面，https://www.cnblogs.com/baiyangyuanzi/p/6625744.html</title>
          
          <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').click(function(){
                        
                        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>

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

window.wind_1.location.reload();

图1

![70][]

图2：

![70 1][]

[70]: /images/20220510/4a6cebb03db84959ac337bdb19ee46ae.png
[70 1]: /images/20220510/69cb580d664c456ebda301e4654f2162.png