Jquery更改浏览器宽度上的脚本元素调整

时间:2015-08-12 03:06:23

标签: javascript jquery css

我正在尝试在Jquery中使用matchMedia,以便当浏览器宽度为479像素或更低时脚本将绘制smallBlock,并在每个其他大小上绘制largeBlock

以下是完整的脚本代码:脚本的第一部分是TweenMax,第二部分是我的脚本。 https://jsfiddle.net/h0eu0edd/

您可以在此处看到正在绘制的矩形(http://imdarrien.com/#

  function handleScreen(mql) {
   if (mql.matches) {
       smallBlock();
   } else {
       largeBlock();
   }
  }

1 个答案:

答案 0 :(得分:1)

您发布到jsfiddle的代码中存在一些语法错误。

另外,我将代码更改为使用$(document).ready而不是$(window).load,因为jsfiddle无法处理它。

见这里:https://jsfiddle.net/w1xnsgcg/