Question

我绝对不是脚本的新手，但这只是令我难以置信。我想在单击按钮时调用一个函数，所以我首先想要抓住buttonclick事件并使用一个简单的window.alert进行测试。所以我刚刚写了下面的html文档。

<!doctype html>
    <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#sendButton").click(function(){
                    alert("clicked!!");
                });
            });
        </script>
    </head>
    <body>

        <form id="send-message-area">
            <input type="button" id="sendButton" value="Send Message">
        </form>
    </body>

不幸的是，没有任何反应。完全没有。由于这是相当简单的代码，我不知道为什么这不起作用。

Answer 1

用于引入jQuery的脚本标记正在使用(Common|General) Internet Syntax Scheme。这告诉浏览器使用在加载脚本时用于加载页面的任何方案。它对响应http和https的网站很有帮助。

如果使用file://方案在本地查看文件，则应该会看到未定义$的错误。这是因为脚本不在：

file://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js

在本地加载时，请在脚本标记中使用此src：

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

Answer 2

根据您从//开始的网址，如果您使用file://等网址在本地测试您的网站，则浏览器会尝试从您的本地文件系统加载该文件。在这种情况下，您没有加载jQuery，因此$未定义且您的代码从未执行过。

使用script标记进行本地测试：

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

如果您在网络服务器上运行您的网站，则以//开头的cdn样式将再次有效。

Answer 3

如果您在某处托管了src，那么它应该是完整的路径。您还没有添加正确的jquery库路径。一旦你这样做，一切都会相应的。

<script src="http://code.jquery.com/jquery-latest.js"></script>

<强> Demo

Answer 4

代码看起来很好

我认为你正在IE中进行测试＆lt; 9（jQuery 2.x不支持IE 8）

请更改浏览器或加载jQuery版本，如1.9并测试

Answer 5

您必须将查询脚本src更新为“http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js”

我建议下载jQuery脚本，然后将其添加到本地项目而不是远程项目

Answer 6

使用<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js">并练习插入html代码

<强> HTML ：

<!doctype html>
<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#sendButton").click(function(){
                    alert("clicked!!");
                });
            });
        </script>
    </head>
    <body>

    <form id="send-message-area">
        <input type="button" id="sendButton" value="Send Message">
    </form>
</body>
</html>

Answer 7

您遗失在http:/ script中加入src。

更改脚本标记如下：

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

或下载Jquery文件并在本地推荐。

Answer 8

将路径更改为

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

并尝试使用jquery 1.10少于ie9浏览器

<!--[if lt IE 9]><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><![endif]-->
<!--[if IE 9]><!--><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!--<![endif]-->

如何获得javascript警报？

8 个答案: