JavaScriptをアンロード:ロードと私は私のウェブサイトが応答作るためのCSSメディアクエリを使用してい念頭にCSSメディアクエリで
@media (min-width:1200px) {
// DESKTOP STYLING
}
@media (max-width:1200px) {
// MOBILE STYLING
}
私は当初、メディアクエリ
if(min-width:1200px) {
// DESKTOP JAVASCRIPT
} else {
// MOBILE JAVASCRIPT
}
をチェックするためにhttps://github.com/paulirish/matchMedia.jsを使用私の画面が< 1200pxの場合、すべてがうまくいきます。デスクトップ版が表示されている場合は、モバイル版が表示されます(javascriptも同様に動作します)。私は、例えば、ウィンドウのサイズを変更起動時に
問題は今ある:
1) LOADS DESKTOP JAVASCRIPT (EVERYTHING IS FINE)
2) RESIZE WINDOW < 1200px (SWITCH TO MOBILE TEMPLATE)
LOADS MOBILE JAVASCRIPT (SITE BREAKS)
3) RESIZE WINDOW > 1200px (SWITCH TO DESKTOP TEMPLATE)
LOADS DESKTOP JAVASCRIPT A SECOND TIME (SITE BREAKS EVEN MORE)
だから私は、任意のアイデアを思っていた二つの異なるJavaScriptファイルを持っているかもしれないjavascriptやエレガントな方法は、どのメディアに依存ロードする方法「アンロード」へクエリが使用されていますか?
jQuery Mobileを使用してみてください。 http://jquerymobile.com/ ...また、技術的には、JavaScriptを使用してウェブサイトを応答性にする必要はありません。これは、CSSと流体レイアウトですべて達成できます。 JavaScriptがどのように機能するかについてもう少し詳しく説明してください。 –
まあ、JavaScriptを使用してサイトを応答させることはありません。私はちょうどCSS(Media Queries、私は2つの別々のテンプレートを設計しています)でそれを行います。しかし、モバイル版とデスクトップ版は同じDOM要素を使用しているため、JavaScriptはスライドショーを実行しようとしています。モバイル版で最もインタラクティブな要素が単純化される原因の1つが問題です。 スライドショーの代わりに静的な画像があります。 – jay7
さて、わかりました。申し訳ありませんが、あなたの状況全体を誤解しました。 –