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

});