Jsfiddle не будет работать при копировании в Dreamweaver

Я пытался решить это сам, и я просто не могу понять, что я делаю неправильно. Но этот jsfiddle: http://jsfiddle.net/3964w/3/ полностью перестает работать, когда я пытаюсь работать с ним в Dreamweaver.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

Вы звоните JQuery из CDN или местный каталог? Если из CDN он не будет работать, если страница не запускается с сервера, как localhost. Поэтому, если у вас нет локального сервера, загрузите копию 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

Да, это работает, но проверьте ссылку CDN OP, это неверно, чтобы включить CDN в localhost, нужно использовать 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

ответ

Смежные вопросы