Firefox中的matchMedia flakey？

Question

我尝试使用window.matchMedia来查询浏览器，并在浏览器屏幕调整到某个阈值以下时移动div#move_me_around。它在Chrome，Safari中效果很好，在 Firefox 中只有 有时 。

这就是我想弄清楚的。我测试了Firefox，它有window.matchMedia对象，mediaQueryList对象，它本身有addListener方法。

事件被触发的一半时间和它起作用，另一半它根本不起作用..

# CoffeeScript
$(document).ready ->

mql = window.matchMedia 'screen and (max-width: 600px)'
$move_me_around = ($ "#move_me_around")

mql_handler = (mql) ->
   if mql.matches is true
          $move_me_around
      .appendTo("#sidebar")
       else
      $move_me_around
      .prependTo("#center_column")


mql_handler(mql)

mql.addListener (mql) -> 
   mql_handler(mql)