Блог

Главная - Вопросы по программированию - Jsfiddle не будет работать при копировании в Dreamweaver

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

#javascript #jquery #html #dreamweaver

#javascript #jquery #HTML #dreamweaver

Вопрос:

Я пытался решить это самостоятельно, и я просто не могу понять, что я делаю неправильно. Но этот 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>

Ответ №1:

Вы вызываете jQuery из CDN или локального каталога? Если с CDN, это не будет работать, если страница не запускается с сервера, такого как localhost. Итак, если у вас не настроен локальный сервер, тогда загрузите копию jQuery и поместите ее в каталог, куда вы помещаете файлы JavaScript, и вызовите его оттуда.

Или используйте это 

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

или напишите свой код внутри функции document ready

 <script type="text/javascript"> 
$(document).ready(function()
{ /* Your Code Here */ });
 </script>

Комментарии:

1. Я этого не знал. Почему его нельзя запустить через CDN без локального сервера? Насколько я понимаю, CDN предназначены для размещения ресурсов в Сети и предоставления ссылок на что-либо.

2. да, это работает, но проверьте ссылку CDN операционной системы, неправильно включать CDN в localhost, нужно использовать ajax . … или ajax . Я предложил два возможных решения.

3. Ах, теперь я понимаю.

4. Вероятно, вам следовало поместить http:// исправление в качестве первой части вашего ответа, более вероятно, что это то, что пытается сделать OP, и это более простое решение.

5. Хорошо, я все еще учусь этому, поэтому, пожалуйста, отнеситесь с пониманием. Но я просто хотел позвонить с CDN, не используя локальный хост. По какой-то причине у меня все еще не работает… Я пытался использовать исходный код скрипта, который вы мне дали, но безрезультатно. Возможно ли, что код jsfiddle плохо переносится в Dreamweaver, в результате чего он не работает?

Ответ №2:

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>