javascript - JS/J查询 : Initiate window resize without actually resizing

Question

所以我有一个最近出现的非常具体的问题(就在我们计划的明天发布日之前)，我不确定如何解决它。我用我有限的前端技能构建了我们的 HTML 模板网站，我们对此非常满意。但是，我似乎无法解决这个问题。

问题:我有一个过滤系统，允许用户过滤页面上显示的文章。用户甚至可以在主页上填写此过滤器，直接转到包含文章的页面并应用过滤器。然而，如果过滤器被扩大(不那么严格)并且新文章出现，图片就不会出现。发现是这种情况，因为它后面的 flexslider 必须再次初始化，这发生在窗口加载时(例如，调整窗口大小时)。控制 flexslider 初始化的函数在一个外部 js 文件中，我不确定我是否可以从我自己的 custom.js 文件中调用它，所以我想只调用一个调整大小/重新加载窗口函数来激活它.

问题:我能否在不影响用户体验的情况下运行调整窗口大小功能(或激活 flexslider 的功能)(更具体地说，无需实际调整/重新加载窗口)？我将在过滤器发生变化时运行它。

我知道这是一个非常具体的问题，但希望有人能帮助我。

保重!

附注如果我可以运行加载 flexslider 的实际函数，那将是理想的，但这位于外部 js 文件中。

编辑:简要介绍一些附加信息。如果我直接进入文章页面，它没有激活过滤器，因此会显示所有文章，如果我然后开始浏览过滤器，一切都很好。然而，只有当我从带有设置过滤器的主页到达时，问题才会出现。然后您会到达仅显示边界内文章的文章页面，当过滤器被移除时，它无法加载显示的新文章的图像。就好像它没有加载这些，因为它们不是第一次在窗口加载时打开。

Answer 1

您可以通过创建新事件并将其传递到 dispatchEvent 来触发调整大小事件窗口 上的命令。有一个 nice guide here .您需要将事件类型设置为 resize，因为它正在监听。

window.dispatchEvent(new Event('resize'))

这将适用于通过 jQuery 添加的事件以及通过 addEventListener 添加的事件。