Jsfiddle在複製到Dreamweaver時不起作用

我一直在試圖自己解決這個問題，而我無法弄清楚我做錯了什麼。但是，當我嘗試在Dreamweaver中使用它時，此jsfiddle：http://jsfiddle.net/3964w/3/完全停止工作。Jsfiddle在複製到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>

來源

2016-10-23 TJeffer

你從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>

來源

2016-10-23 03:34:48

我不知道這一點。爲什麼無法通過本地服務器通過CDN運行？我的理解是，CDN可以在線投入資源，並給予鏈接。 – Hashim

是的，它的工作原理是檢查OP的CDN鏈接，將CDN包含在本地主機中是不正確的，需要使用http：// ajax。 ...或https：// ajax。我建議可能的兩種解決方案 –

啊，我現在明白了。 – Hashim

style.css的缺失，並

我將取代

ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js

通過

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>

來源

2016-10-23 03:32:14

不幸的似乎沒有任何改變什麼裏面的代碼.. – TJeffer

Jsfiddle在複製到Dreamweaver時不起作用

回答

相關問題