jQuery在浏览器中工作,但不是在Android模拟器 [英] jQuery works in browser, but not in an android emulator

查看:220
本文介绍了jQuery在浏览器中工作,但不是在Android模拟器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我是混合开发中的noob,我想在我的应用程序中使用jQuery。



我很惊讶,我的代码在浏览器中正常工作,但不是在Android模拟器,我不太明白的原因。 p>

这是我的代码:

 <!DOCTYPE html& 
< html>
< head>
< meta charset =utf-8>
< meta name =viewportcontent =width = device-width,initial-scale = 1>
< meta http-equiv =Content-Security-Policy>
< link rel =stylesheettype =text / csshref =css / bootstrap.min.css>
< link rel =stylesheettype =text / csshref =css / onsenui.css>
< link rel =stylesheettype =text / csshref =css / onsen-css-
components.css>
< link rel =stylesheettype =text / csshref =css / sliding_menu.css>
< link rel =stylesheettype =text / csshref =css / index.css>
< script type =text / javascriptsrc =js / jquery / dist / jquery.min.js>
< script type =text / javascriptsrc =js / angular / angular.min.js>< / script>
< script type =text / javascriptsrc =js / bootstrap.min.js>< / script>
< script type =text / javascriptsrc =js / onsenui.min.js>< / script>
< script type =text / javascriptsrc =js / angular-onsenui.min.js>< / script>
< script type =text / javascriptsrc =cordova.js>< / script>

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

< h6>如果您点击我,我会消失。< / h6>
< h6>点击我!< / h6>
< h6>点击我!< / h6>

< / body>
< / html>

日志输出





不明白可能是什么原因...

解决方案

使用chrome:// inspect /#devices并打开您的APP的检查器。



如果在Sources中存在jquery.min.js文件,



键入$(h6)。在控制台并执行它,检查它是否工作,或在控制台有任何错误?


I'm a noob in hybrid development and I'm trying to use jQuery in my App.

I'm surprised that the my code is working fine in the browser, but not in an android emulator and I don't quite understand the reason for that.

Here is my code:

<!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> 

Logs Output :

Cant understand what may be the reason...

解决方案

Use chrome://inspect/#devices and open the inspector for your APP.

Then find if the jquery.min.js file exists in Sources,

Type $("h6").hide(); in console and execute it, check does it work or is there any error in console?

这篇关于jQuery在浏览器中工作,但不是在Android模拟器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆