匹配媒体无效

Question

我已按照匹配媒体代码进行操作，但无法按预期工作。

var handleMatchMedia=function(mediaQuery){
  if(mediaQuery.matches){
    $("p").text("it matches"); 
}else{
       $("p").text("doesn't match"); 
}},
    mql=window.matchMeida('(min-width:700)');
handleMatchMedia(mql);
mql.addListener(handleMatchMedia);

链接到代码 http://jsfiddle.net/C9dJZ/1/

谢谢。

Answer 1

有一个错字。

window.matchMeida('(min-width:700)');

应该是

window.matchMedia('(min-width:700)');