1

我花了几天时间试图让 enquire.js 为我工作;也许我试图让 enquire.js 做的事情是不可能的。

我正在尝试根据媒体查询宽度加载 3 个外部 js 源文件。我已经上传了 enquire.js v2.1.2,并将其添加到头部并验证它正在加载。我想要的是这样的:

<script>
enquire.register("screen and (max-width: 599px)", {
match : function() {
loadJS('http://www.externalwebsite.xxx/propgallery/slider/52662?rows=2&columns=1&auto=false');
}
});
enquire.register("screen and (min-width: 600px) and (max-width: 899px)", {
match : function() {
loadJS('http://www.externalwebsite.xxx/propgallery/slider/52662?rows=2&columns=2&auto=false');
}
});
enquire.register("screen and (min-width: 900px)", {
match : function() {
loadJS('http://www.externalwebsite.xxx/propgallery/slider/52662?rows=2&columns=3&auto=false');
}
});
</script>

是否可以使用 enquire.js 来实现这一点?除了调用 enquire.js 之外,我还应该声明吗?

4

0 回答 0