问题标签 [window-load]

我有一个 jquery 代码，我必须在页面加载后触发，我在视图的 postRender 函数调用中执行它，但是 postRender 和窗口加载事件是完全异步的，所以，窗口加载事件可能在我进入之前发生postRender 添加加载事件的侦听器，在这种情况下是否可以替换该函数，或者我错过了什么？

谢谢您的帮助

警告，我是 JQuery 的新手。

我正在创建一个表单，当用户最初进入页面时，我已经成功地隐藏了表格行。当用户选择单选按钮时，我还可以显示那些隐藏的行，以便用户能够回答这些问题。

我遇到的问题是允许用户返回同一页面并希望查看/编辑他们的答案，他们之前选择的答案被选中，但我的隐藏行不显示。

在 IE 中，如果我重新选择相同的选项，则会显示隐藏的行。在 Chrome 中，我必须更改我的选择，然后显示隐藏的行。

我希望在用户返回页面时显示隐藏的行，有人可以帮助我吗？

data-id=q1y- 我的隐藏行 data-id=q1- 我的问题 Y1、Y2、Y3 - 不同的答案data-id=q1

我意识到这个网站上有很多关于如何延迟 JavaScript 的帖子。我尝试了很多方法，但是由于我对 JavaScript 不了解，所以我不知道该怎么做。

我正在尝试将以下 JavaScript 代码延迟 3 秒。它在页面加载时启动引导模式。

我尝试了以下方法，但它们似乎要么破坏代码，要么不起作用。

（打破它）

（不耽误）

（不耽误）

如果有人能帮我弄清楚如何将代码延迟 3 秒，我将不胜感激，谢谢。

SCENARIO The web app workflow is the following:

1. Someone clicks on a a href element into a page. http://example.org/
2. The link is followed and then another page within the site is reached. http://example.org/page-2/
3. The link URL also contains a hash var.

(This hash var is what I intended to use in order to achieve the next point)

4. There is a content grid that must show the wanted part, this object was built with an out of the box CMS, so I preferably don't want to modify it. This also, only works when the user clicks on the very button filter.

(This filter is based entirely on events and not on "GUI visible" locations, thus I'm not able to call for an specific filter from the very url, the previous object -there was a previous object, yes- worked really good with hashes from URL, but the new doesn't.)

5. The content grid filter elements don't have any ids, they just have a data custom attribute to be identified.

And that's it.

The workaround is intended to be like this:

Then, dark and unknown forces comes into place, because when I enter this in the address bar: http://example.org/page-2/#keywordD the DOM works well, as expected. The content grid displays exactly what I want.

But when I try to reach the same link but from an a href element within http://example.org/ it just doesn't do anything at all.

FURTHER EXPLANATION

I used window.load because that way the function is forced to be executed once everything is settled in the DOM, and after every single code instance of $(document).ready() functions, because the website already works with many of these.

我写了一个小的有状态 React 组件。当这个组件加载时，componentDidMount我正在使用 Kendo UI 在弹出窗口中显示组件的内容。

这是我的代码：

鉴于此组件不需要维护任何状态，我正在尝试将此组件转换为无状态功能组件。

我苦苦挣扎的地方是如何实现 componentDidMount 功能？这是我到目前为止编写的代码：

起初，我以为我可以在 divcomponentDidMount的事件处理程序中实现某种功能，onLoad但是当我尝试这样做时，我注意到该事件根本没有被触发（然后我阅读了文档并发现我不能真正使用它事件 ：））。

所以我的问题是：

• 有没有办法componentDidMount在无状态功能组件中实现某种功能？本质上，我需要做的是在将组件加载到 DOM 时对其进行处理。
• 在无状态功能组件的情况下，我想要做的是一个有效的场景，还是我应该坚持使用标准组件？

在我的网页中，我有这样的脚本：

effect.js文件包含如下所示的脚本：

问题是当我最初运行页面时，我没有得到结果。那时我得到控制台输出为

但是当我再次刷新页面时，我得到的结果和控制台打印如下：

window.load完成后如何运行document.ready。

谁能帮我解决这个问题？提前致谢。

根据此处的答案，我需要将所有代码包装在$(window).load(function(){. 但是，我的画廊还使用 imagesLoaded（在图像准备好时加载图像）和 ajax 在单击按钮时加载更多项目。我目前的布局是这样的：

我怎样才能把所有这些都包装进去$(window).load(function () {？

我有一个使用 Bootstrap 3 创建的移动菜单，它会自动对齐到屏幕的右侧。我编写了一些 JavaScript 代码来使移动菜单图标出现在屏幕左侧，因为我在屏幕右侧有一个 Facebook 按钮。一切都适用于我的代码；但是，我正在努力改进一个领域。在我的图库页面上，我有 500 多张图片。问题是我的移动菜单停留在右侧，并将 Facebook 按钮稍微向左推，直到页面完全加载。页面完全加载后，一切都会正确显示。如何更正此问题，以便移动菜单始终立即出现在左侧？谢谢！

我附上了几张图片来参考我要解释的内容。尝试上传视频，但该网站不允许视频。

仅在画廊页面上，当页面首次加载时，它最初看起来像名为“before-page-loads.png”的附加图像。加载页面后，它会正确显示，并且看起来像“after-page-loads.png”中的图像。

before-page-loads.png after-page-loads.png

我还提供了我的 JavaScript 和 HTML 代码。

谢谢你的帮助！

我是 Angular 的新手（今天 18 年 3 月 9 日是第 8 天）。

我有一个需要在窗口加载事件上执行的 jquery 方法。this.router.navigate(['/student-consent'])当我这样做或单击浏览器上的导航按钮以访问 url窗口加载事件时，从我的角度组件 /student-consent没有触发，因此我的方法没有运行。

但是，当我这样做时 window.location.href = '/student-consent'，我的方法正在运行。

我对此进行了一些研究，我发现在 Angular 路由导航或浏览器导航（在 Angular 应用程序中使用路由）不加载窗口，而是在路由器插座中加载相关的 html（组件）。

相反，刷新页面或直接在浏览器中点击 url 会执行这些情况下确实发生窗口加载事件的方法。

我的问题：有什么方法可以在路由更改时执行我的方法或在路由更改时触发窗口加载事件？

更新：根据设计约束，在我的组织中不允许使用 onAfterViewInit 或任何组件生命周期挂钩执行 jquery 方法。

js中的窗口加载事件处理程序 -

我的组件中的相关 Html 代码 -

零件 -

所以我对 typescript、javascript 和 web-shizzles 很陌生（我通常构建原生应用程序）。但我正在尝试使用 Phaser3 并使用带有 typescript 的 VSCode 来转换 javascript 文件。首先，我使用了命名空间（C# 背景），但显然这不是打字稿的方式，所以我删除了命名空间并使用 export 和相应的 import 语句。

问题：我花了一段时间才发现我的窗口事件（window.onload）由于导入了所需的类型而没有触发。此事件是应用程序的入口点。欢迎提出其他启动项目的方法的建议。这是代码：

window.onload 不会触发：

删除“导入”后，window.onload 着火了！

引导程序

这是我的 tsconfig：

任何想法为什么它会这样？这有点烦人，因为那个地方会启动我的游戏代码。是否可以从我的 index.html 中的标签启动我的“Boot.runApp()”功能？