Tag: iframe

使用jquery选择器获取iframe内容

无论如何通过选择器访问iframe的内容? 像这样的东西: $(“iframe::contents .my-foo”) 我经常访问我正在处理的项目的iframe内容和$(“iframe”).contents().find(“.my-foo”)变得有点乏味。 如果开箱即用的jquery中不存在此function,是否有提供此function的插件? 如果不是我怎么能写这样的插件?

使用jQuery postMessage插件的iframe跨域消息传递

我正在尝试使用以下插件在子iframe与其父级之间进行通信: http://benalman.com/projects/jquery-postmessage-plugin/ 我可以按照示例将一条消息从孩子发布到父母而不是其他方式,我真的需要能够以两种方式进行交流。 父代码如下: var origin = document.location.protocol + ‘//’ + document.location.host, src = origin + ‘/Custom/Ui/Baseline/html/iframe-data-cash.htm#’ + encodeURIComponent(document.location.href); $(function () { var $holder = $(‘#iframe’), height, $iframe = $(”); // append iframe to DOM $holder.append($iframe); }); $(window).load(function () { $.postMessage( ‘hello world’, src, parent.document.getElementById(‘data-cash-iframe’).contentWindow ); }); 孩子的代码如下: $(function () { var parentURL = decodeURIComponent(document.location.hash.replace(/^#/, […]

iframe中的jQuery无法在IE中运行

我有一个包含jQuery的iframe内容,iframe中内容的jQuery部分在IE中不起作用(未使用的部分jQuery工作正常,一切在Chrome和Firefox中运行正常)。 这是代码: iframe content This heading is showing up just fine. jQuery.codeToInitiatePlugin 我尝试在head标签中插入jQuery代码,在body标签后面,包含相对路径和绝对路径,但没有运气。 如果有人知道这方面的任何变通办法或者是什么导致IE不能读取jQuery,我将不胜感激。 提前致谢!

如何在页面加载时将iframe滚动到底部?

我就像在网上的每一个问题,尝试像50差异方法,首先我试图滚动div – 然后当它没有工作,我试图iframe文件与div并滚动iframe ..没有什么只是作品! 看看我设置的最后一个脚本: $(document).ready(function() { var t = 100; //arbitrary time in ms $(“#frame”).animate({ scrollTop: $(“#frame”).height()}, t); }); 我尝试了没有(#)的#frame和frame,两者都是(document).ready而没有它。 似乎没有什么东西在页面上工作,它驱使我疯狂。 谢谢。 🙂

iframe内容在Firefox上消失了

我使用$iframe.contents().find(‘body’).html(contentBody);填充基本HTML的空iframe $iframe.contents().find(‘body’).html(contentBody); 请参阅: http : //jsfiddle.net/UjT2b/2/ 这适用于Chrome。 在Firefox上,我可以非常简单地看到里面的内容,但它突然消失了。 当我使用Firebug在此行上设置断点,然后继续运行时,内容保持在内部。 但如果我在线上设置断点,它就会消失。 有关如何解决此问题的任何线索?

在可见时加载iframe

我有一个页面,上面有大约100个video(youtube)加载iframe。 它们都是手风琴式的菜单,我想知道是否有一种方法可以在手风琴打开或页面上显示iframe时加载它们。 现在它占用了太多的内存并且滞后了很多页面。

$未在iFrame中定义

我有一个包含iframe的页面。 我的iframe页面是iframe.php而我的主页面是main.php,当我直接加载iframe.php我的jquery代码执行正常,但是当我加载main.php(其中包含iframe.php作为iframe)时,我收到错误“ $未定义“。 这可能是因为main.php和iframe.php都使用了 如果是这样,如何在iframe页面中使用jquery而不包括此行?

我应该使用iframe而不是ajax吗?

我们正在构建一个带有音频播放器的Drupal站点,该站点应该在您浏览页面时继续播放(类似于soundcloud)。 目前我们正在使用ajax加载点击的网站,并将html注入页面并使用history.js来操纵位置。 但是有一个主要的缺点: 由于新加载的页面上可能有不同的css和js,我们必须将当前脚本,样式和链接元素与ajax响应文本(丑陋的正则表达式)进行比较,并且只添加新的但不存在的元素。 通过这样做,加载另一个页面一旦执行脚本就不会删除/删除/撤消。 这可能会成为一个性能问题(反正是针对标记的正则表达式)。 使用iframe可以解决这个问题和其他问题: 首次单击站点上的链接时,页面内容将替换为仅加载页面的iframe。 音频播放器位于原始dom中,即在iframe之外。 单击iframe内的链接可以在历史API中捕获并使用。 所以,虽然我从未想过我会这么认为:我认为使用iframe可能是更好的选择,不是吗? PS:我的主要问题是我无法控制网站上的不同页面有不同的脚本,样式确实没问题。 如果网站上只有一个巨大的静态js和css,我没有遇到任何问题。 更新 除了在iOS中,iframe解决方案工作正常。 iframes就像地狱一样。 不过,我认为我们将采用iframe解决方案。

使用jquery或javascript将url参数传递给iframe

经过互联网搜索后,我终于决定发布这个问题了。 我正在使用THICKBOX jquery选项卡。当单击任何选项卡时,我想将URL.IDNUMBER传递给选项卡页面上的iframe。 我只需在主页面上使用jquery即可发送IDNUMBER并将其显示在文本框中 $(“#mytest”).val(‘IDNUMBER’); 标签页: 但我无法将idnumber作为url参数传递给iframe。标签页是一个HTML页面。 谢谢

Tumblr – 在主页上获得8位数的reblog代码(几乎在……)

我已经看到两个网站在野外设置通过黑客攻击他们的主页上的Like和Reblog按钮。 这似乎是最好的参考: http : //cicerontheme.tumblr.com/ 不知何故,他们设法得到reblogurl,我不知道如何。 我一直在搜索他们的代码,而我发现的就是这样的按钮: $(‘a.likeLink’).click(function() { var post = $(this).closest(‘.post’); var id = post.attr(‘id’); var oath = post.attr(‘rel’).slice(-8); var like = ‘http://www.tumblr.com/like/’+oath+’?id=’+id; $(‘#likeit’).attr(‘src’, like); }); 在这个Stack溢出讨论中讨论了一点,但是再一次,没有达到问题的关键,如何获得reblog url。 我已经浏览了脚本资源,并没有找到任何个人脚本,只是来自tumblr的脚本,我的chrome扩展等等。他们从哪里获取它?! 在上面粘贴的“喜欢”代码中,他们很容易获得postID,你只需要使用Tumblrs {Permalink},但是reblog url是从rel属性获取的。 希望有人可以提供帮助! 谢谢。