Я пытаюсь использовать 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)