在enquire.js注册方法中使用变量

Question

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

这是基本电话

enquire.register("screen and (max-width:860px)", {

});

这是我希望可以做的事情，但是没有用。

var $small = '600px';

enquire.register("screen and (max-width:'$small')", {

});

Answer 1

啊。 我很愚蠢，忘记了串联的工作原理。 我需要使用相同类型的引号将字符串结尾，然后使用加号将变量连接起来。 然后，我再次使用相同的引号完成打开和关闭字符串的其余部分。

var $small = '600px';

enquire.register("screen and (max-width:" + $small + ")", {

});