Question

为什么没有显示警告信息？

这是我的代码

<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <title>jQuery demo</title>
 </head>
 <body>
   <a href="http://jquery.com/">jQuery</a>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
     $(document).ready(function(){

       alert("Hi welcome to Jquery ");
     }
     );
   </script>
 </body>
 </html>

Answer 1

将脚本部分更改为此

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
       <script type="text/javascript">
         $(document).ready(function(){

           alert("Hi welcome to Jquery ");
         }
         );
   </script>

Answer 2

在我的浏览器中它可以工作。尝试进行以下改进以使其更加合规：

1）将属性type="text/javascript"添加到您的script代码中。

2）将脚本移动到文档的head部分。

PS：您可以使用以下简写表示法来在文档完成加载时调用函数：

$(function(){
    alert("Hi welcome to Jquery ");
});

Answer 3

通过

检查是否加载了jquery

if (typeof jQuery == 'undefined') {  
    console.log("jQuery is not loaded");  
    //or
    alert("jQuery is loaded");  
} else {
    console.log("jQuery is not loaded");
     alert("jQuery is not loaded"); 
}

Answer 4

当我运行它时，它会显示警告消息，但您可能遇到的是加载jQuery框架并在页面body中使用它的竞争条件。尝试将加载jQuery的script标记移动到页面的head区域。这将确保在DOM尝试使用它之前加载jQuery。

Answer 5

$(document).ready(function(){
    alert("Hi welcome to Jquery ");
});

工作正常。

我的问题是Firefox＆＃34;屏幕尺寸测试＆＃34;选项。我测试了移动版本，但是JS-Alert框没有显示在＆＃34;屏幕尺寸测试的中间＆＃34;但是在屏幕本身的中间，由于此选项的叠加而变得不可见

jquery为什么没有显示警报消息？

5 个答案: