2016-12-14 2 views
-1

2つのインクルードを使用してモバイル版またはデスクトップ版の両方で異なるヘッダーとフッターを追加するレスポンシブサイトを開発しています。特定のファイルがjQueryにアクセスできるかどうかチェックする

デスクトップではすべて正常に動作し、通常はjQueryが使用されますが、擬似モバイル(chrome)でサイトをロードすると、jqueryを使用する同じファイルはjqueryをまったく実行していないようです。

jqueryのが仕事やないとされた場合、私はチェックしてみました:

$(document).ready(function() { 
console.log('jQuery loading on mobile'); 
}); 

そして、何もコンソールに記録されません。しかし、まったく同じコードはデスクトップにそれを記録します。

私はjQueryのは、実際には、取り組んでいるという意味、「うん!ロード」のアラートを受信するには
window.onload = function() { 
if (window.jQuery) { 
    // jQuery is loaded 
    alert("Yeah!, loading"); 
} else { 
    // jQuery is not loaded 
    alert("Doesn't Work"); 
} 

}

:jQueryのはと全くモバイルサイトにロードされたのであれば、私がチェックサイト。

のjQueryを(この場合、モバイル含むで)ヘッダに加え、私はコンソールにチェックするとjQueryのは、私の知る限り、それを使用する私のmain.js関数前ローディングされますもしそれを使用するファイルの前にヘッダーにライブラリが含まれていれば、正常に動作するでしょうか?

ファイルに何らかの理由で含まれているライブラリがないかどうかを確認する方法はありますか?

注:jQueryのは、クリックなどをチェックするために、モバイルナビゲーションで使用された、と私はそれがそこに働いて見ることができます、しかし私は体にそれを使用するように見えることはできません...

答えて

0

問題が見つかりました。関数呼び出しのために初期化されていない変数がありました。なんらかの理由で、この関数はクラッシュした後、jQueryの後に呼び出されるすべての機能を無効にしていました。

誰かがこれを見つけた場合に答える:コンソールにエラーログを有効にし、jQuery関数のエラーがあればそれを解決しようとする。

これは私がそれを修正した方法です。

0

のjQueryべきそのブラウザがjavascriptもサポートしているので、携帯端末には完全にロードされます。

あなたのスクリプトではどのような機能が呼び出されていますか?これは、私や他の人がより明確な答えを出すのを助けるかもしれません。

+0

私はそれが奇妙なことだと知っています。テストのために私はちょうど$(document).ready(function(){を使い、私の質問に示されているようにコンソールに出力しますが、うまくいきません。 –

関連する問題