javascript - jQuery 适用于 JSFiddle 但不适用于本地

标签 javascript jquery html css

<分区>

我写了一个简单的程序来查看 jQuery 是否在本地工作,结果证明不是。在此程序中,将鼠标悬停在红色框上会将其下方没有颜色的框更改为绿色。

这是 JSFiddle:http://jsfiddle.net/sBk3M/495/

这是本地代码(它不起作用)。

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

<style type="text/css">
    .hoverbox {
        background-color:red;
        width:20px;
        height:20px;
    }

    .showbox {
        width:20px;
        height:20px;
    }
</style>

<script type="text/javascript">

    $('.hoverbox').hover(function() {
        $('.showbox').css("background-color", "green");
    });

</script>

</head>

<body>
    <div class="hoverbox">
    </div>

    <div class="showbox">
    </div>

</body>


</html>

最佳答案

输入这段代码

$(function(){
     $('.hoverbox').hover(function() {
            $('.showbox').css("background-color", "green");
        });

    });

关于javascript - jQuery 适用于 JSFiddle 但不适用于本地,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28059552/

上一篇:javascript - 如何只使 Div 可滚动而不是窗口?

下一篇:jquery - 将不同的元素连接在一起

相关文章:

javascript - 在 Chrome 中,outerHeight 给出了错误的值,在 IE 和 FireFox 中则正常

javascript - 在 Canvas 上平滑地将对象从 A 移动到 B

javascript - 添加 "x"图标,隐藏当前打开的 Accordion

javascript - 在传递给 React 中的 props 之前对 JSON 格式的 API 响应进行排序

javascript - 如何编写/更改查询字符串而不导致浏览器加载新页面

javascript - 用 jQuery/JS 重置计数器?

javascript - Visual Composer/Jquery 动画无法正常工作调试错误

html - 在 github 页面上的 repo 中获取音频文件

html - 对齐不同列上图像的底部(Bootstrap)

javascript - POST 数据并重定向到 url JavaScript