DreamweaverにコピーするときにJsfiddleが機能しない

私はこれを自分で解決しようとしてきましたが、私が間違っていることを理解できません。しかし、このjsfiddle：http://jsfiddle.net/3964w/3/は、Dreamweaverで作業しようとすると完全に機能しなくなります。DreamweaverにコピーするときにJsfiddleが機能しない

これは私の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から、ページが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

ええ、それは動作しますが、OPのCDNリンクをチェックすると、localhostにCDNを含めることが正しくないので、http：// ajaxを使用する必要があります。 ...またはhttps：// ajax。私は可能な2つの解決策を提案した。 –

ああ、私は今理解しています。 – 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

DreamweaverにコピーするときにJsfiddleが機能しない

答えて

関連する問題