上一篇: javascript – 如何扩展jquery j... 下一篇:javascript – jQuery Dialog奇怪...

javascript – iframe中的操作会破坏我的脚本jQuery

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了javascript – iframe中的操作会破坏我的脚本jQuery，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有一个脚本切割iframe的一部分(没有标题的iframE)并显示它.我的问题是,如果我在这个iframe中进行操作,iframe重新加载但是没有应用 jquery过滤只给我那部分但是instad给了我所有带有标题的页面所以我假设当重新加载时脚本不起作用没有窗口重新加载具有iframe的主页面的iframe：

<iframe class="test" width="100%" height="100%" src="/message.html?msjId=260" style="height:100%;width:100%;">

 $(window).load(function () {
     $('.test').each(function(){         

       var filteredContents1 = $(this).contents().find('.div_iframe').html();
       $(this).contents().find('body').html(filteredContents1);       

     });

 });

有什么解决方案吗

解决方法

我认为你还需要为帧添加加载事件.在document.ready函数中添加load事件,如下所示.如果它工作,您可以省略已经用于过滤帧数据的窗口加载事件.

$(document).ready(function(){     
      $('.test').load(function () {

         var filteredContents1 = $('#frame1').contents().find('#divChild').html();
         $('#frame1').contents().find('body').html(filteredContents1);

      });
  });

根据提问者的要求更新

$(document).ready(function(){     
      $('.test').load(function () {            

         $('#frame1,#frame2,#frame3').each(function(){
             var filteredContents1 = $(this).contents().find('#divChild').html();
             $(this).contents().find('body').html(filteredContents1);
         });            

      });
  });