javascript - 在 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 + ")", {

});