私はウェブサイトを持っており、幅が1024ピクセルを超えるとページを更新する必要があります。それが可能だ? 幅が< 1024 pxなので、私はこれが必要です、別のスクリプトを読み込みます。幅を渡すとページが更新されます
1
A
答えて
0
多分このような何か?
$(window).resize(function(){
if ($(window).width < 1024){
location.reload();
}
}
0
スタイリングを変更するだけでなく、コンテンツを更新する必要があるような音がします。その場合は、window.matchMedia()
を使用します。ここで
は、あなたがそれを使用する方法は次のとおりです。
var mq = window.matchMedia("(min-width: 500px)");
一致プロパティは、例えば、クエリの結果に応じて、trueまたはfalseを返します
if (mq.matches) {
// window width is at least 500px
} else {
// window width is less than 500px
}
このスニペットは、taken from hereです。
+0
これは不十分で純粋なCSS Media Queriesがコンテンツの読み込みを制御できることをサポートしています。 –
+0
実際、サポートは悪くありません(IE10以上など)。他のすべての最新ブラウザは完全サポートしています。 IMHO、コンテンツの読み込みは、CSSではなくJavaScriptで行う必要があります。 – rasmeister
関連する問題
- 1. プロパティが更新されるとAngular2ページがリフレッシュされます
- 2. データを渡すと文字列が更新されません
- 3. 更新するまでページが更新されない
- 4. URLは更新されますが、ページは更新されません。
- 5. javascriptボタンをクリックするとページが更新されません。
- 6. ボタンをクリックすると、ページが更新されました!
- 7. SQLテーブルが更新されましたが、ページが更新されません
- 8. ファイルサイズが変更されたときにページを更新する
- 9. ページが更新され、URLが変更されましたが、ページは同じビューを持ちます。 laravel 5.2
- 10. WPFを最大化すると幅が更新されませんか?
- 11. データベース内のデータが更新されたときにPHPページが更新されます
- 12. Facebookのアプリ内でリンクをクリックするとページが更新され、空白のページが表示されます
- 13. 更新パネルでリピータをラップした後もページが更新されます
- 14. ページ間を移動するとスコープが更新されない
- 15. ボタンをクリックするとページが更新されなくなる
- 16. グリッドビューの値が次のページに渡され、更新の内容が実行されます
- 17. ページは更新されますが、新しいコンテンツは更新されません
- 18. ページを更新してもアニメーションが表示されますか?
- 19. cakephpで更新中にId関連のページが更新されています
- 20. フォームタグ内のボタンをクリックすると、ページが更新されます
- 21. アプリケーションを通じてFacebookにログインすると、ページが更新されます
- 22. リンクをクリックするとページが自動的に更新されます
- 23. バックエンドデータベースが更新されたときにDjangoモデルが更新されます
- 24. 関係が更新されるとNSFetchedResultsControllerが更新されますか?
- 25. キーを押すとページが更新されますが、マウスをクリックするとファイルシステムが開きます
- 26. Mod xページが更新されない
- 27. バックボーン - ページが更新されないビュー
- 28. ページでデータが更新されない
- 29. サーブレットはまだページ更新時にデータを渡します
- 30. ページを更新すると、ページが読み込まれません。 Angularjs + Nodejs
CSS Media Queriesを使用すると、サイズが変更されたときにコンテンツとレイアウトが変更されます。 https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries –
はい、可能です。 –