jquery js和jquery mobile js无法正常工作

时间:2017-11-03 06:22:12

标签: jquery cordova jquery-mobile atom-editor phonegap

嗨伙计们,我真的需要帮助!我正在使用带有原子编辑器的phonegap和我的jquery和jquery mobile无法正常工作。所有.js文件都在名为js的文件夹中,并且根目录正确链接。我已经尝试了在线code.jquery.com版本,它仍然无法正常工作。这些是我试过的2个版本。

版本1

 `<link rel="styleheet" type="text/css" href="css/jquery.mobile-
 1.4.5.min.css">
 <link rel="styleheet" type="text/css" href="css/jquery.mobile-1.4.5.css">
 <link rel="stylesheet" type="text/css" href="css/index.css" />
 <script type="text/javascript" src="cordova.js"></script>
 <script type="text/javascript" src="js/index.js"></script>
 <script type="text/javascript"> app.initialize();</script>
 <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js">
 </script>
 <script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script>
 <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  `

版本2

 <link rel="stylesheet" 
  href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-
   1.4.5.min.js"></script>
  <script
   src="https://code.jquery.com/jquery-3.2.1.min.js"
   integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
   crossorigin="anonymous"></script>
   <link rel="stylesheet" type="text/css" href="css/index.css" />
   <script type="text/javascript" src="cordova.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
   <script type="text/javascript">app.initialize();</script>

我使用此代码来测试我的jquery是否正常工作

   `<script>
 window.onload = function(){
  if (window.jquery){
    alert("YES");
  }else {
    alert("ERROR");
  }
 }
  </script>
   `

每当它出现错误我编程并且永远不会结果是ERROR

任何人都可以帮我吗?百万感谢

3 个答案:

答案 0 :(得分:3)

如果 Jquery 是加载使用,请进行测试:

<script>
     window.onload = function(){
      if (jQuery) {
        alert("jquery is loaded");
       } else {
        alert("Not loaded");
        }
     }
  </script>

答案 1 :(得分:2)

jQuery和jQuery mobile在你的项目中不起作用,因为jQuery mobile的1.4.5版本不支持jQuery版本3.x.

尝试在您的应用程序中使用jQuery版本2.x,看看是否可以解决问题。要快速测试这个,您可以使用Google的托管jQuery,以确保在下载所有文件之前:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

jQuery mobile 1.5.0于今年5月发布,实际上支持jQuery 3.x.切换到新版本的jQuery mobile也可能是一个修复,但请记住1.5.0是Alpha版本。您可以阅读有关jQuery mobile here

的最新版本的更多信息

答案 2 :(得分:0)

浏览器控制台错误是什么样的?通过右键单击页面&gt;到达那里;检查元素&gt;控制台