2016-04-29 40 views
0

私はハイブリッド開発のノブで、私のアプリケーションでjQueryを使用しようとしています。jQueryはブラウザで動作しますが、アンドロイドエミュレータでは動作しません

私のコードはブラウザで正常に動作していますが、アンドロイドエミュレータではうまく動作していないことに驚いています。その理由はわかりません。ここで

は私のコードです:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta http-equiv="Content-Security-Policy"> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="css/onsenui.css"> 
<link rel="stylesheet" type="text/css" href="css/onsen-css- 
    components.css"> 
<link rel="stylesheet" type="text/css" href="css/sliding_menu.css"> 
<link rel="stylesheet" type="text/css" href="css/index.css"> 
<script type="text/javascript" src="js/jquery/dist/jquery.min.js"> 
</script> 
<script type="text/javascript" src="js/angular/angular.min.js"></script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/onsenui.min.js"></script> 
<script type="text/javascript" src="js/angular-onsenui.min.js"></script> 
<script type="text/javascript" src="cordova.js"></script> 

</head> 
<script> 
    $(document).ready(function(){ 
     $("h6").click(function(){ 
     $(this).hide(); 
    }); 
    }); 
</script> 
<body> 

<h6>If you click on me, I will disappear.</h6> 
<h6>Click me away!</h6> 
<h6>Click me too!</h6> 

</body> 
</html> 

ログ出力://点検:

enter image description here

は...

+0

を比較を設定してください。あなたのアプリにエラーが表示される場合があります。 –

+0

@AtulNarエラーはありませんエラーログを見たことがあります –

+0

@AshishShuklaはドキュメントの準備機能に警告を出し、jqueryドキュメントの準備ができているかどうかを確認できますか? – Gandhi

答えて

0

使用クローム理由かもしれないものを理解カント/#デバイスを開き、APPのインスペクタを開きます。 jquery.min.jsファイルがソースに存在する場合

その後、

タイプ$( "H6")を見つける(非表示)。コンソールでそれを実行し、それが動作するかどうかを確認するか、コンソールにエラーがありますか?

0

アンドロイドスタジオやデバッグを使用してくださいすべてのjsを削除しようとするだけのjQueryのjs、彼らが競合したかもしれないが、それはあなたのブラウザで正常に動作しているので、ここでjsFiddle Demoで、チェックして

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> 
<body> 
<h6>If you click on me, I will disappear.</h6> 
<h6>Click me away!</h6> 
<h6>Click me too!</h6> 
</body> 

<script> 
$(document).ready(function(){ 
    $("h6").click(function(){ 
    $(this).hide(); 
}); 
}); 
</script> 
+0

jquery jsを除くすべてのファイルを削除しましたが、それでも同じです –

+0

文書の準備ができたらアラートを設定し、次にクリックするとh6を表示し、どのアラートが表示されるかを確認します –

関連する問題