2017-01-12 6 views
0

画面サイズがある程度小さければ、ユーザーにメッセージを表示したい。私は今この作業用のスクリプトを持っていますが、ページの読み込みだけではなく、動的であることが必要です。私はこれをどのように達成できるのか誰も知っていますか?ここでは、ページの読み込みを使用する私の現在のスクリプトです。javascript - Railsを使ったメッセージの動的レンダリング

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

明らかに終了していないが、どのように私は、人はそのサイズから前後になった場合には、警告メッセージを切り替えることができますそれ?

+0

私はrails devではありませんが、jQueryとロード中とブレークポイント上でロジックを実行している場合は... https://jsfiddle.net/91cx6mm0/ – BDawg

答えて

1

を使用することができます信じています。これはまさにこの種のものにとっては素晴らしいことです。レスポンシブデザインには多数の記事とチュートリアルがあります。すばらしいGoogleがあなたをお待ちしています。

0

私は私はあなたが応答デザインの代わりにJavaScriptを使用ことをお勧めしますが、サイズ変更方法

$(window).resize(function() { 
    if $(window).width() < 768 
    alert 'Less than 768' 
    else 
    alert 'More than 768' 
}); 
関連する問題