0

我对 JQuery 比较陌生,想尝试一下。我只是按照一个简单的教程开始http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery 所以我在以下位置指定了我的脚本:

<script type="text/javascript">  
    $(document).ready(function() {
        $("a").click(function() {
            alert("Hello world!");
        });
    });                                   
</script>

并在以下内容中包含一个测试链接:

<a href="">Link</a>

但是,当我刷新文档时,我的浏览器一直在说

TypeError: Property '$' of object [object Window] is not a function

我可以理解“普通”JavaScript,但我相信这种功能在 JQuery 中是新的。有人可以在这里帮助我吗?

链接:http://wittmerperformance.com/site/

4

4 回答 4

7

您是否嵌入了 jquery 库?

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

此外,我认为目前“开启”是最先进的,如:

$(document).ready(function() {
    $("a").on('click', function() {
        alert("Hello world!");
    });
});
于 2012-10-13T02:03:16.943 回答
1

尝试这个:

jQuery(document).ready(function($) {
    $("a").click(function() {
    alert("Hello world!");
    });
});
于 2012-10-13T02:21:08.570 回答
0

您遇到问题的原因可能是您没有包含 JQuery 库或者可能是由于冲突,请尝试使用

  jQuery(document).ready(function ($) {
    $("a").on('click', function() {
      alert("Hello world!");
    });
  });
于 2012-10-13T03:35:47.237 回答
-2
      <script type="text/javascript">  
    $(document).ready(
    function() {

    $("a").click(
function(){
    alert("Hello world!");
    });

    });                                                                
    </script> 

这是一个工作示例。更简单。在您的示例中,您必须关闭您启动的功能。数数 ( { } ) ; 你最后缺少 })。它也可以正常工作。

下面的完整工作示例:

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">  
    $(document).ready(
    function() {

    $("a").click(
function(abc){
    alert("Hello world!");
    abc.preventDefault();
    return false;
    });

    });                                                                
</script>
</head>
<body>
<a>some link</a>
</body>
</html>
于 2012-10-13T02:04:05.500 回答