问题标签 [onresize]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 在窗口调整大小时关闭 jQuery 事件
所以我目前有一个如下所示的网站：
在移动设备上，内容会折叠起来，看起来像这样：
这正是我想要的。伟大的！但是，我不希望这些部分在更大的屏幕尺寸上仍然可以折叠。
目前它仅使用 CSS 调整大小时很好地隐藏/显示，但是当您调整窗口大小并开始使用 Coffee 时，一切都会出错。
问题 #1：
如果您加载内容可折叠的页面，我可以在调整大小后停止折叠事件，但是在后续调整大小后我永远无法再次打开它。或者，如果您从显示的内容开始并调整大小直到它折叠，这两个过渡似乎会同时触发，并且它会在再次消失之前短暂地显示内容的微光。
问题 #2：
一旦它可折叠，单击标题使用 jQuery slideDown/up 过渡来显示/隐藏内容，但如果你隐藏它然后再次调整大小以使窗口更大，内容将保持隐藏状态。
我敢肯定这两个都很简单，但我几乎整天都在用头撞它，我想不通:(
因此，如果有人有任何见解或可以提供一些建议，我将不胜感激。
这是一个JSFiddle与我相关的 CSS、Coffeescript 和 HTML 的内容部分
以及 Coffeescript 令人不快的一点：
谢谢
javascript - 更改角度控制器时删除 window.onresize
我有一个使用 ui-router 的单页应用程序，其中列表页面使用 listController，详细信息页面使用 detailController。
详细信息页面window.onresize附有事件，而列表页面没有。
问题是每当我从详细页面移动到列表页面时，onresize 事件仍然会监听并抛出关于调整大小目标元素不存在的错误。
更改页面时如何删除 window.onresize 事件侦听器？
javascript - Native Javascript在调整大小后获取浏览器宽度，然后运行一个函数
我正在构建这个程序，其中内容根据窗口宽度加载。在页面加载时，它可以正常运行，并附有正确的 HTML 和 CSS。但是当我调整页面大小时，我的 ajax 调用太多来加载适当的工作表，导致内容令人讨厌地闪烁。JQuery 似乎有一万个答案，但原生 Javascript 却没有。我已经从关于 SO 的许多问题和答案中推断出，需要超时才能在 resize 函数的 COMPLETION 上获得一个值。但是..无济于事。即使超时，它仍然会快速调用 AJAX。这是我到目前为止所做的。
这在页面加载时效果很好。正确的脚本就位。但是当我在 console.log 中调整浏览器的大小时，它会进行大量调用，从而使页面剧烈闪烁。根据 JQuery 解决方案，我尝试了几种方法从window.onresize. 仍然我无法获得单个值，但持续调用。
从我读到的内容来看，我所尝试的是注释掉 window.onresize = layoutHandler;并移至layoutHandler();BODY 的底部。然后尝试了这个...
即使超时，它仍然会通过调用函数对每个像素增加做出反应。除了闪烁所有呼叫的页面外，这很完美。如果我能得到一个 SINGLE 值，在调整大小事件之后，我的问题就会得到解决。寻找原生 Javascript 解决方案/建议。
提前 TY。
javascript - onresize 在循环中似乎不起作用（javascript）
我正在尝试根据循环内的屏幕大小调用函数。
该功能在页面加载时工作正常，但是在调整窗口大小时内容不会改变。
这是一个例子： https ://jsfiddle.net/celine305/BaNRq/27/
任何帮助将非常感激。
angular - div内的Angular2 onresize事件缺少参考
目前我正在尝试找出如何处理 angular2 中的 window:onresize 事件。我已将其嵌入到这样的组件模板中：
并处理 ts 文件中的事件，如
在我的“事件”参数中，我在“curenTarge”、“源”和“目标”中引用了“窗口”，但没有引用我的 div。
我哪里错了？
c# - C# ASP.NET 浏览器调整大小事件
我找不到我的 C# Asp.Net 应用程序的调整大小事件。我正在尝试做这样的事情，但onresize我的<body runat="server" ..>.
如何在 C# ASP.NET 应用程序中的浏览器调整大小事件中添加函数调用？
jquery - 在窗口调整大小时重新计算 Div 相对大小
大家好。
我想请你帮我解决以下问题。我做了这个小提琴来说明我的问题。
我正在尝试用对角线制作 div 模式。可能是我想错了方向，但这是我能想象的唯一解决方案。无论如何，这有两个主要问题。
在我的解决方案中，我有 100 个克隆单元：这
.square是主单元，它有四个克隆的.background子单元，每个子单元都包含附加.diagonal的旋转 div。所有尺寸都取决于.square. 反过来， 的大小.square取决于$(window).width/20。我正在尝试创建自动调整大小模式，以便在任何窗口宽度上的行中有 20 个单位。但在任何解决方案中，它要么崩溃不取决于.square's 的数量（甚至e < 1导致崩溃），要么只调整.square:nth-of-type(1).正如我所提到的，有 100 多个克隆过程。DOM 以闪电般的速度增长。那么有没有更优雅的方式来达到我愿意的相同结果？或者有没有办法在不注册 DOM 的情况下进行克隆？
提前致谢。一切都会有所帮助。
javascript - Gsap - on.resize 问题
我一直在尝试通过阅读与 gsap / on.resize 问题相关的其他主题来解决我的问题，但我没有找到任何正确的答案。
当我打开菜单时，徽标正常工作并将其位置设置为屏幕中心 { y:0 } 。但是，一旦菜单关闭，我就无法将徽标强制返回其原始位置 { y:-logoPosition +20 }。这些值不会在“菜单关闭状态”上更新。
我一定是在搞乱 var 更新，但我无法完成这项工作。
希望可以有人帮帮我 ！
提前致谢 ：）
javascript - Javascript函数未在window.onresize上触发
我创建了一个小脚本来使用 js 垂直居中表单。但是，它似乎不适用于 window.onresize，我不明白为什么。顺便说一句，它在 window.onload 上完美运行，如果我要求，window.onresize 会在调整大小时发出警报。这是我的代码：
jquery - 在页面加载和调整大小时添加填充
我计算元素的填充并将其添加到调整大小。现在，我想在页面加载时也添加它。我怎样才能做到这一点？