Question

我是混合开发中的菜鸟，我试图在我的应用程序中使用jQuery。

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

这是我的代码：

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

记录输出：

不能理解可能是什么原因......

Answer 1

使用chrome：// inspect /＃devices并打开APP的检查器。

然后查找源中是否存在jquery.min.js文件，

键入$（“h6”）。hide（）;在控制台中并执行它，检查它是否有效或控制台中是否有任何错误？

Answer 2

请尝试删除所有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>

jQuery在浏览器中工作，但不在Android模拟器中

2 个答案: