Javascript Img单击不工作

我有一个javascript.js文件，其中包含以下代码

$(document).ready(function() {$('#rabbit').click(function (e) {
    var offset = $(this).offset(),
        left = e.pageX - offset.left,
        top = e.pageY - offset.top;
    if (top > $(this).height() / 2) {
        alertDiv('You\'ve cliked under the middle.', 'alert-white');
    } else {
        alertDiv('You\'ve cliked above the middle.', 'alert-gray');
    }
        });
}); 
function alertDiv(text, cssClass) {
    var alrt = $('<div class="alert ' + cssClass + '">' + text + '</div>');
    $(document.body).append(alrt);
    alrt.click(function () {
        alrt.remove();
   });
}

最后在我的html文件中，我包含了这些

<LINK href="main.css" rel="stylesheet" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="javascript.js"></script>  

然后最后做这个

<img src="http://www.clermontanimal.net/images/lop_rabbit_easter.jpg" id="rabbit" alt="" />

我包括了我需要的所有东西，但当我点击图片时，它仍然不起作用。 我从你那里得到这个密码

---

我忘记了什么？

如果您正在处理文件：//url，则非协议格式的url将尝试从

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

使用

http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js

或

---

https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js

取而代之。

尝试将jquery标记包含在头部，并在正文底部引用脚本。 不过我不确定。您是否检查了控制台错误。 而referal应该是这样的

---

由于您提供的是一个实时url而不是本地url

，因此图像单击对我很有用。您使用的浏览器是什么？尝试替换您的第一个脚本：

哦，天哪，我包含的第一个脚本就是问题所在。非常感谢。啊，好球，威尔弗雷多普。这就是为什么fiddle可以工作，但他的版本不行。它在chrome和Firefox中对我有效。很高兴看到大家在不提及原因的情况下投票。

<img src="http://www.clermontanimal.net/images/lop_rabbit_easter.jpg" id="rabbit" alt="" />