0

こんにちは、私はhttp://jsfiddle.netを使用しています。これは、jsfiddleで構築およびテストしたサンプルアプリが正常に機能し、希望どおりに機能しています。コードをコピーしてローカルマシンで実行しようとしましたが、機能していないようですが、まったく同じコードがオンラインで機能しています(jsfiddle)。これが機能しているバージョン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/にあるスクリプトを使用してヘッド部分を構造化するのに助けが必要なので、それに応じて機能します。私はここで何かが欠けていると信じています。前もって感謝します。

4

1 に答える 1

0

jsfiddleのsrcコードと上記のコードの唯一の違いは次のとおりです。

Jquery srcを正しく指定したことを願っています:(また、提案する場合は、最新のJQライブラリ(1.7 ..バージョン)を使用してください。ただし、コードについてはよく知っています)。

これをあなたのページに追加してください、それがニーズに合うことを願っています。:)

脚本

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
于 2012-07-18T03:11:00.553 に答える