javascript - 如何根据媒体查询调用js文件

标签 javascript jquery css

我想根据媒体查询调用js文件,比如css媒体查询条件

到现在我已经尝试过了

<script>
  if (window.matchMedia('screen and (min-width: 1224px)')){
   document.write('<script type="text/javascript" src="pistachioz_js/jquery.fullPage.js">      </script>');
</script>

但对我不起作用...

最佳答案

你需要的是一个名为 enquire.js 的 javascript 插件(不需要 jquery)

enquire.js allows you to harness media queries in JavaScript, giving you the tools to create advanced responsive sites.

http://wicky.nillia.ms/enquire.js/

玩得开心!

关于javascript - 如何根据媒体查询调用js文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24586236/

相关文章:

html - 文本在 Div 中没有完全居中?

javascript - 初学者的 : const definition in Redux confusing

javascript - 获取查询字符串值并将其显示在我的 html 页面中

jquery 否决 css

javascript - 播放视频并按住鼠标 - jQuery

升级到 HTTPS 后的 CSS 错误

javascript - Marionette:检查布局是否有另一个对象的实例

javascript - history.pushState - 不工作?

javascript - 页面概念 : Php/Jquery/JS

javascript - onclick=改变表单中所有输入框的同一个类的背景颜色