使用JavaScript動態呈現消息-Rails

Question

如果屏幕尺寸過小，我想向用戶顯示一條消息。 我現在有一個適用的腳本，但是我希望它不僅在頁面加載時是動態的。 有人知道我該怎么做到嗎？ 這是我當前使用頁面加載的腳本。

$(document).load "[data-action='alert']", (event) =>
  if $(window).width() < 768
    alert 'Less than 768'
  else
    alert 'More than 768'

那顯然還沒有完成，但是如果一個人來回從那個大小來回，我如何讓它切換警報消息？

Answer 1

我建議您使用響應式設計代替javascript。 恰好適合這種事情。 關於響應式設計的文章和教程很多。 快速的Google會助您一臂之力。

Answer 2

我相信您可以使用調整大小方法

$(window).resize(function() {
  if $(window).width() < 768
    alert 'Less than 768'
  else
    alert 'More than 768'
});