首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Img点击不工作

Img点击不工作
EN

Stack Overflow用户
提问于 2014-05-30 23:47:57
回答 2查看 166关注 0票数 3

我有一个包含以下代码的javascript.js文件

代码语言:javascript
代码运行次数:0
运行
复制
$(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();
   });
}

在css文件中,我有以下内容

代码语言:javascript
代码运行次数:0
运行
复制
.alert {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 300px;
    height: 200px;
    border: 1px solid black;
}
.alert-white {
    background: white;
}
.alert-gray {
    background: #ccc;
}

最后,在我的html文件中,我包含以下内容

代码语言:javascript
代码运行次数:0
运行
复制
<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>  

最后做这件事

代码语言:javascript
代码运行次数:0
运行
复制
<img src="http://www.clermontanimal.net/images/lop_rabbit_easter.jpg" id="rabbit" alt="" />

我包含了我需要的一切,但当我点击图片时,它仍然不起作用。我从http://jsfiddle.net/htEvT/2/得到了这段代码

我忘了什么?

EN

回答 2

Stack Overflow用户

发布于 2014-06-02 08:53:15

如果您正在使用file:// 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

票数 0
EN

Stack Overflow用户

发布于 2014-06-02 18:44:01

尝试在head中包含jquery标记,并在body的底部引用您的脚本。不过,我不确定。您是否检查了控制台错误。引用应该类似于<script src="https:/..."></script>,因为您给出的是活动的url,而不是本地的

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23958506

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档