Tag: iframe

绑定到动态创建的iframe内的事件: 我需要绑定到用户执行特定操作后动态创建的iframe内的事件（比如click任意）。在iframe中附加iframe和代码的代码不是我的，我无法以任何方式更改它（这是一个CMS管理面板）。如何使用jQuery 1.6来监听事件（再次，这不是我的选择，我坚持使用它）。我认为delegate()可能是我想要的： $(‘body’).delegate(‘iframe input’, ‘click’, function(e) { alert(‘bingo?’); }); 但是，当点击输入时，上述内容不会发出警报。但是，下面的内容符合预期： $(‘body’).delegate(‘input’, ‘click’, function(e) { alert(‘bingo?’); }); 但这不在iframe之内。显然， iframe的src指向同一个域。非常感谢任何帮助或只是正确方向的刺激。

从iframe元素访问jQuery数据: 假设我在iframe中放置了同一个域的页面。在iframe中，我将数据添加到元素中，如下所示： HTML 脚本 $(‘#data’) .data(‘test1’, ‘this is test data 1’) .data(‘test2’, [‘John’, ‘Smith’]) .data(‘test3’, { alert1: function() { $(‘#data’).append(‘test3: successful’); } }) 现在，一旦这个页面在iframe中，我知道我可以按如下方式访问该元素： $(‘#frame’).contents().find(‘#data’); 但是当我尝试从该元素获取数据时，它总是未定义的。 $(‘#frame’).contents().find(‘#data’).data(‘test1’); // shows up as undefined 我知道jQuery在cache对象内部存储data() ，但我不知道如何从该文档外部访问它。我设置了这个演示来显示我的问题。单击“获取帧数据”按钮以查看结果。我会很感激任何输入:)

如何在iframe中使用父级的jquery？: 我有一个文件，我们称之为parent-win.html，由域example.com提供服务。该文件中包含jquery。 iframe，我们称之为iframe-win.html，嵌入在此页面中。 iframe-win.html有一个带有id form-elem和值Hello World!的表单元素Hello World! 。现在我在iframe里面做了一些事情。 var jQuery = parent.jQuery; console.log(jQuery(‘#form-elem’).val()); 根据我对JS的有限知识，我应该看看Hello World! 在控制台上，但我看到未定义。现在，我的问题是我需要在iframe中再次加载jquery还是我可以利用已在父窗口中加载的jquery对象？请注意，这不像父/ iframe那样通常访问iframe /父内容。

提交后关闭ColorBox iFrame: 我正在使用jQuery ColorBox来显示购物车项目。当用户在iFrame中输入数量（用colorbox打开）并单击提交按钮时，我希望iFrame关闭，主窗口（父）自动刷新。我的意思是在iFrame上提交数据后我想要两件事： iFrame自动关闭。父窗口自动刷新。请帮帮我。

如何使用jQuery从iFrame中获取父窗口的高度？: 在iFrame中，我们需要获取父窗口/文档高度。有没有办法使用jQuery获得这个？我知道我们可以使用$（document）.height（）来获取页面的高度。我无法弄清楚如何从iFrame中获取父级的值。请帮忙！

来自javascript的iframe内容: 我需要在javascript或jquery中获取iframe内容，但主要问题是iframe src是其他域名网站，我该怎么办呢？

将Javascript注入Iframe: 我正在为我的网站制作一个实时编辑器。我有CSS和HTML部分，现在唯一的问题是JS部分。这是代码的片段 var frame = $(‘#preview_content’), contents = frame.contents(), body = contents.find(‘body’); csstag = contents.find(‘head’).append(”).children(‘style’); java = contents.find(‘head’).append(”).children(‘script’);//Issues here $(‘.area_content_box’).focus(function() { var $this = $(this); var check = $this.attr(‘id’); $this.keyup(function() { if (check === “html_process”){ body.html($this.val()); } else if(check === “css_process”) { csstag.text($this.val()); } else if (check === “java_process”){ java.text( $this.val() ); } }); […]

Fancybox iframe是空白的: 所以我下载了fancybox zip并将其添加到我的网站。当我去演示区时，除iframe外，一切正常。无论如何我还没有编辑过代码。它在他们的网站上完美运行，所以我不知道为什么它会在我的网站上有所不同。我搜索了这个网站和其他人，并没有得到什么。再次，我没有编辑任何代码，我只是解压缩并将其推送到我的服务器。有任何想法吗？在这里查看

使用Invisible div检测Click Inside IFrame: 我仔细阅读了这篇文章。检测使用JavaScript点击进入Iframe 但是，我仍然看到人们做过类似的事情。请告诉我该怎么做。一位开发人员告诉我：您可以将透明DIV放在IFRAME之上。您将DIV的大小设置为与IFRAME相同或更大。并具有更高的z-index CSS属性。然后当您单击IFRAME时，DIV会收到该事件。但由于世界并不完美，现在你失去了在IFRAME中点击的能力。但我对div并不是很好，并希望学习如何做到这一点。谢谢 PS它是关于跨域或外来域Iframing。

如何让iframe的灯箱“突破”？: 我在网站的首页上有一个iframe。 iframe加载.php页面，该页面具有使用jQuery Tools选项卡构建的旋转器。在第一个标签上，我使用jQuery Tools Overlay在灯箱中弹出YouTubevideo。这在单机页面上工作正常，但是当在网站的首页上查看时，灯箱仅限于iframe。我需要灯箱弹出/突破iframe并接管整个网站的首页。有没有办法获取iframe的父窗口或顶部窗口，然后在那里打开灯箱？或者是否有另一种方法可以实现这一点？该网站已被锁定以进行开发，但您可以在此处查看独立的php页面：Stand-Alone Page