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

时间:2012-09-24 12:01:45

标签: javascript jquery jquery-ui html iframe

我有一个脚本可以剪切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);       

     });

 });

请问任何解决方案?

1 个答案:

答案 0 :(得分:1)

我认为您还需要为帧添加加载事件。在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);
         });            

      });
  });