我一直在尝试自己解决这个问题,但我就是不知道我做错了什么。但是这个jsfiddle:http://jsfiddle.net/3964w/3/当我尝试在 Dreamweaver 中使用它时,它完全停止工作。
这是我的 html 代码,如果有帮助的话。我对此感到非常迷失,我认为这应该很容易。如果有人能解释我做错了什么,我将非常感激。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>testing jquery</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
var mouseX = 0, mouseY = 0, limitX = 150-15, limitY = 150-15;
$(window).mousemove(function(e){
var offset = $('.container').offset();
mouseX = Math.min(e.pageX - offset.left, limitX);
mouseY = Math.min(e.pageY - offset.top, limitY);
if (mouseX < 0) mouseX = 0;
if (mouseY < 0) mouseY = 0;
});
// cache the selector
var follower = $("#follower");
var xp = 0, yp = 0;
var loop = setInterval(function(){
// change 12 to alter damping higher is slower
xp += (mouseX - xp) / 12;
yp += (mouseY - yp) / 12;
follower.css({left:xp, top:yp});
}, 30);
</script>
</head>
<body>
<div class="centerdiv">
<div class="container">
<div id="follower"></div>
</div>
</div>
</body>
</html>
最佳答案
您是从 CDN 还是本地目录调用 jQuery?如果来自 CDN,除非页面从服务器(例如本地主机)运行,否则它将无法工作。因此,如果您没有设置本地服务器,请下载 jQuery 的副本并将其放入您放置 JavaScript 文件的目录中并从那里调用它。
或者使用这个
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
或者在文档就绪函数中编写代码
<script type="text/javascript">
$(document).ready(function()
{ /* Your Code Here */ });
</script>
关于javascript - 复制到 Dreamweaver 时 Jsfiddle 将不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40199197/