<分区>
标签 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 - 在 Chrome 中,outerHeight 给出了错误的值,在 IE 和 FireFox 中则正常
javascript - 在 Canvas 上平滑地将对象从 A 移动到 B
javascript - 添加 "x"图标,隐藏当前打开的 Accordion
javascript - 在传递给 React 中的 props 之前对 JSON 格式的 API 响应进行排序
javascript - 如何编写/更改查询字符串而不导致浏览器加载新页面
javascript - 用 jQuery/JS 重置计数器?
javascript - Visual Composer/Jquery 动画无法正常工作调试错误