我如何才能让我的代码像在jsfiddle中一样工作

How can i get my codes work exactly like i have it in jsfiddle

本文关键字：jsfiddle 工作 一样 代码 我的      更新时间：2023-10-26

大家好，我一直在与http://jsfiddle.net，我在jsfiddle上构建和测试的示例应用程序运行良好，可以随心所欲地运行。现在我已经尝试复制我的代码并在本地机器上运行它，但它似乎不起作用，但相同的代码可以在线运行（jsfiddl）。这是工作版本http://jsfiddle.net.以下是我的本地代码的结构，它不起作用：

<!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/因此它将相应地工作。我想我这里少了点什么。提前谢谢。

jsfiddle的src代码和上面的代码唯一的区别是：

希望你已经正确地给出了Jquery src：（如果我也可以建议-请使用最新的JQ库，即1.7..版本，但你更了解你的代码）

请将此添加到您的页面中，希望它符合需要。:)

脚本

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
相关文章：