我如何让我的代码工作完全像我在jsfiddle

问题描述:

好日子所有,我一直在与http://jsfiddle.net,我在jsfiddle上构建和测试的示例应用程序工作正常,并按我的意愿工作。现在我试着复制我的代码并在我的本地机器上运行它,但它似乎不工作,但相同的确切代码在线工作(jsfiddle)。这里是工作版本http://jsfiddle.net。下面是我的代码在本地未工作结构:我如何让我的代码工作完全像我在jsfiddle

<!DOCTYPE html> 
<html lang="en-US"> 

<head> 
<meta charset="utf-8" /> 
<meta name="keywords" content="key, words" /> 
<meta name="description" content="description" /> 
<link rel="stylesheet" href="style.css" type="text/css" /> 
<link rel="alternate" title="Website Feed" href="rss.php" type="application/rss+xml" /> 
<link rel="icon" href="favicon.ico" type="image/x-icon" /> 
<title>AstroSD</title> 
<script> 
var MyCheckboxes=$("input[name='toggle']"); 

MyCheckboxes.change(function() { 
$("#kickoff").toggle(MyCheckboxes.is(":checked")); 
$("#goal").toggle(MyCheckboxes.is(":checked")); 
$("#halfull").toggle(MyCheckboxes.is(":checked")); 
$("#halftime/fulltime").toggle(MyCheckboxes.is(":checked")); 
}); 

$(function(){ 
$("#slideThree").change(function() { 
$('#move').toggleClass("show-hide", this.checked) 
$('#back').toggleClass("show-hide", this.checked) 
$('#goal').toggleClass("show-hide", this.checked) 
$('#halfull').toggleClass("show-hide", this.checked) 
}).change(); 
}) 
</script></head> 

我需要使用脚本我有http://jsfiddle.net/所以它会相应工作,构建头部帮助。我相信在这里错过了一些东西。提前致谢。

+0

有什么错误? – 2012-07-18 03:09:12

+4

你在头脑中包含了jQuery吗? – LeeR 2012-07-18 03:09:46

+0

你有没有尝试右击右下框架并查看源代码/保存它? – Bill 2012-07-18 03:10:48

中的jsfiddle的src代码唯一的区别和上面的代码是这样的:

希望你给Jquery的SRC正确:(另外,如果我可以建议 - 请使用最新的JQ库即1.7版本..但你知道你的代码更好)

添加此到您的网页,请希望它符合需要。 :)

脚本

<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script> 
+0

谢谢Tats_innit,LeeR,Bill和arxanas。它的工作很好。 – 2012-07-18 03:28:33

+0

@ApuloOhaleCosmasLite lol yay':''我们都去过那里了,很高兴帮助,无论如何我会+1你, – 2012-07-18 03:31:25