问题标签 [enquire.js]

我不太明白 enquire.js 的“设置”处理程序背后的想法。

案子：

当您不在小视口（lt 600px）中时，我想通过ajax加载内容一次。

我自然会这样做enquire.register('(min-width: 600px)', { setup: myFunction });。

问题：

现在我对此进行了多次测试，但是当您在小屏幕中时，设置处理程序也会被触发，这完全消除了设置处理程序 imo 的好处，因为您只想在输入大于的视口时加载 ajax 内容600px，不是吗？

请参阅示例 jsfiddle。

结论：

所以实际上我什至不需要设置处理程序，因为我只需将内容加载到查询寄存器之外并且会产生相同的效果。（这当然不是我想要的……）

有人可以告诉我，如果我只是误解了设置的目的，还是我遗漏了什么？

我正在使用http://wicky.nillia.ms/enquire.js在手机上隐藏 flexslider，但是在我调整浏览器大小时，destroy 方法似乎不起作用。

在匹配/不匹配函数中添加/删除类可以正常工作。

有什么见解吗？

我正在使用enquire.js，所以我可以使用带有 javascript 的 CSS 媒体查询，而不是调整大小时的事件侦听器，这对于 Web 性能来说很难。

我创建了一个触发 scrollWindow() 的事件，仅当手机处于纵向模式时才需要应用该事件。在横向模式下，无论哪个设备处于横向，都需要删除此事件。我真的用媒体查询尝试了不同的公式，我检查了互联网，找不到一种可以帮助我的解决方案......

这是一个响应式项目，但如果它有帮助，我必须至少针对三星 Galaxy S3 和 iphone4。在下面，我向您插入我目前拥有的代码：

所以我想根据媒体查询动态添加和删除一个css类，Enquire.js但我需要使用这些函数的帮助。

这是我想要的伪形式：

这是thumb开始的元素：

假设我已包含所有必要的文件，我如何使用 Enquire.js 执行此操作。

See this fiddle.

when the browser window is 640px or less on load then the background-color will be set to red. (i.e. the match event is called). However, when the window is wider than 640px on load, nothing happens, i.e. the unmatch event is not called. Why not? And is there a way to force the unmatch event to fire if there is no match with the condition?

Basically what I want is that enquire behaves as an if-else statement that is immediatelly called.

演示在这里

我在 enquire.js 中使用了一系列基于高度的媒体查询来“缩放”图片。当你快速增加浏览器的高度时，图片和页脚之间会出现很大的差距。如果你慢慢增加高度，没有很大的差距。

这是错误的：

这是对的：

在控制台中，您可以看到当间隙发生时，多个不匹配项都在相同的浏览器高度触发。这是为什么？

我的实现有什么问题吗？我可以使用 enquire.js 以某种方式覆盖此行为吗？

我有一些小的查询限制。当我在查询之间使用更大的间隙时，这个问题就没有发生。理想情况下，我想保留这些小的查询限制。这是我的代码：

所以我使用 Enquire.js 为我的网站添加和删除引导程序的预定义 css 类。这是我所拥有的：

一些引导 HTML 缩略图：

我已经设置了 enquire.js 以便缩略图大小根据屏幕大小调整大小，如下所示：

问题：

我遇到的问题是 enquire.js 代码只有在屏幕尺寸减小到 480px 或更少时才会启动。

因此，当第一次加载网站时，调整大小代码将不起作用，直到我实际手动将其调整到 480 像素或更低，然后您才能看到调整大小发生。

你可以看看这里的网站

我正在尝试在 enquire.js 的 register 方法中使用一个变量。我将在我的 javascript 文件中的几个不同位置重复使用查询，因此我希望能够更轻松地管理它使用的宽度。

这是基本调用

这是我希望我能做的，但它不起作用。

我不得不使用一些 pollfill 来让 IE 9 与 enquire.js 配合得很好。当我在不使用 Modernizr 异步加载的情况下加载脚本时，一切都很好，所以我想知道下面的问题在哪里？我正在使用 Modernizr 的自定义构建，它可能就像我没有勾选正确的选项一样简单，我试图通过使用开发版本来确定这一点，但后来modernizr 完全停止在 IE9 中工作。

我有一段代码，这段代码在 Backbone 应用程序中更改路由时执行：

这一切都运行得很好，除了以下条件：

1. 应用程序正在 Chrome 中运行
2. 我点击了该页面上的“打印”按钮，这会打开 Chrome 打印预览对话框。

如果我没有调出 Chrome 打印预览对话框，那么它运行得很好。FF 和 IE，没有这个对话框，对此没有任何问题。

问题在于enquire.js，特别是在clear()方法中：

如果我没有触发打印预览对话框this.mql是MediaQueryList. 如果我触发了它，那么this.mql现在是MediaQueryListEvent. 然后它失败了，因为这个对象似乎没有 removeListener 方法。

有人遇到过这种情况么？Chrome 打印预览对话框是红鲱鱼吗？