个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
29
4
经过 3 天的研究和反复试验，我无法获取 iframe 或其内容来触发调整大小事件，因此无法调用我的调整大小函数。如果我使用 ...trigger("resize");要手动触发调整大小事件，我的调整大小函数会被调用并起作用。在 iframe 中加载的页面与包含 iframe 的页面位于同一域 (http://localhost:81/curlExample/)。最终，iframe 中的页面将由 php curl 方法提供，但我想先让它工作。
*********已更新********当我调整浏览器窗口大小时导致 iframe 调整其大小时，如何触发调整大小事件？
感谢您的帮助!
带 iframe 的页面
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
function setResize()
{
window.alert("Hello");
var iframeRef = document.getElementById('displayframe');
$(iframeRef).on("resize", function(){
var xExp = 0;
window.alert("Resize event fired.");
});
}
$('#displayframe').load(function()
{
alert("Hello from iFrame. Load event fired.");
var myStallTime = setTimeout(setResize, 3000);
});
});
</script>
</head>
<body>
<p id="myP">Hello</p>
<iframe id="displayframe" src="http://localhost:81/curlExample/HelloIframe.xhtml" style="height:250px; width:100%;">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>iframe 内的页面 (HelloIframe.xhtml)
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TODO supply a title</title>
</head>
<body>
<div id="myContent" style="width:100%; height:200px;">
<h1>TODO write content</h1>
<h2>Extremity sweetness difficult behaviour he of</h2>
<p>Agreed joy vanity regret met may ladies oppose who. Mile fail as left as hard eyes. Meet made call in mean four year it to. Prospect so branched wondered sensible of up. For gay consisted resolving pronounce sportsman saw discovery not. Northward or household as conveying we earnestly believing. No in up contrasted discretion inhabiting excellence. Entreaties we collecting unpleasant at everything conviction.</p>
<p>Yet remarkably appearance get him his projection. Diverted endeavor bed peculiar men the not desirous. Acuteness abilities ask can offending furnished fulfilled sex. Warrant fifteen exposed ye at mistake. Blush since so in noisy still built up an again. As young ye hopes no he place means. Partiality diminution gay yet entreaties admiration. In mr it he mention perhaps attempt pointed suppose. Unknown ye chamber of warrant of norland arrived.</p>
</div>
</body>
</html>最佳答案
<iframe>元素永远不会触发调整大小事件，如 <img>或 <div> .您必须从 window 获取此事件.由于您的 iframe 文档与父文档来自同一来源，因此您可以访问其 contentWindow以及任何其他属性。
那么，试试这个:
var iframeWin = document.getElementById('displayframe').contentWindow;
$(iframeWin).on('resize', function(){ ... });
我只使用 DOM 的 addEventListener 做到了这一点.
var iframeWin = document.getElementById('displayframe').contentWindow;
iframeWin.addEventListener('resize', function(){ ... });
关于javascript - iframe 不触发 resize 事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27846057/
29
4
0
我有一个 View ，不是窗口的大小，也不是窗口本身，当它调整大小时，我想比较调整大小的开始值和结束值。然而，JQ-UI 的 resize ui 对象只包含以前的状态，而不是原始状态，所以它只是按像素
我有一个简单的可调整大小 jQueryUI 元素。 element.resizable({ start: function(event, ui) {...}, resize: func
我有几个嵌套的可调整大小的 div，需要调整大小以适应子大小。一切正常，直到我尝试调整其中一个外部 div 的大小(垂直)然后它卡住了。 这是一个 fiddle . $(function () { $
CNN 模型将大小为 (112x112) 的图像张量作为输入，并给出 (1x512) 大小的张量作为输出。 使用 Opencv 函数 cv2.resize() 或在 pytorch 中使用 Trans
经过大量搜索和研究，我找不到任何答案。 我将非常感谢可以帮助我的人。 在 SWT Java 中， 我希望我的窗口不能调整大小，所以我这样定义它: shell = new Shell(SWT.CLOSE
$(window).bind('resize') 和 $(window).resize() 有什么区别？ 我看到bind嵌套在resize之上。它有什么影响？请参阅下面的代码。 我知道.resize(
使用 Vaadin 14.1.19 和 Vaadin“我的入门元素”元素，我尝试创建一个多行 TextArea。乍一看它工作正常，但是当调整 TextArea 大小时，它不会调整行数。这是我的代码:
我有一个使用 Ext.js 的侧面板。在浏览器调整大小之前，侧面板中的其中一个面板很好。浏览器调整大小时，它会切断面板的组件。 如何在浏览器调整大小时调整面板大小？ { xtype:
我需要一种可靠的方法来检测 $(window).on('resize') 是否已由用户交互或 jQuery .trigger 调用触发。 我尝试了以下方法，但我似乎没有在函数调用中取回参数: $(wi
我有一个可调整大小的 div，现在我想在调整此框大小/用户完成调整大小时编辑 cookie。 (我有cookie插件) 我该怎么做？ PS:我有多个具有不同 id 的 .div。 我的代码不起作用
这些游标类型有什么区别？我在 Chrome/windows 中看到了所有 3 个相同的光标 .e-resize {cursor: e-resize;} .ew-resize {cursor: ew-r
我使用了一个指令，它调用了一个返回一些值的方法，该方法运行良好。但我的问题是它反复调用它，而我想要的是它应该只在调整大小完成时调用该方法。我采取了这种代码形式 https://codepen.io/f
为了检查这种意外行为，我只是将 TextArea 直接放入 PrimaryStage 包含的 Scene 中:在应用程序启动时，TextArea 完全适合窗口(正如预期的那样)。 但是如果我移动窗口的
我在我的项目中使用 jquery-ui-resizable 插件。 默认情况下，当您制作 DOM 对象 jquery-ui-resizable 时，可调整大小的句柄将出现在右下角，我需要在左下角显示可
我正在 MonoTouch 中使用来自 AV Foundation 的 AVPlayer API 开发视频播放器(但 objective-c 中的解决方案也可能不错)。我正在尝试实现全屏模式。 为了显
我只是想让我的响应式 div 示例像这里一样工作 http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-o
我正在制作一个包含一个 .html 文件和一个 .css 文件的页面。 我已将 bootstrap 4 CDN 合并到我的 html 头中。 网格在中等屏幕尺寸下显示正确，但在我的手机上查看时它没有调
所以我有一个最近出现的非常具体的问题(就在我们计划的明天发布日之前)，我不确定如何解决它。我用我有限的前端技能构建了我们的 HTML 模板网站，我们对此非常满意。但是，我似乎无法解决这个问题。 问题:
据我了解，有类instance.method(parameters)=class.method(instance,parameters)，所以只是记法上的区别。但是 np.resize(ndarray
window.resize() 和 window.on('resize' , function()) 有什么区别在 jquery 中？ 最佳答案 来自 jQuery页面.resize(): This
我是一名优秀的程序员,十分优秀！