jQueryチュートリアル - コードが機能していませんか？

私はjQueryを初めて使用しています。ビデオチュートリアルを進めています。今日は最初のものだったし、私はビデオで言われたすべてをやったが、うまくいかない。最初のチュートリアルでは簡単なタグをフェードアウトしようとしていました。私はCSSとスクリプトタグで次のコードを書いた。jQueryチュートリアル - コードが機能していませんか？

<html> 
<head> 
    <title>Hi</title> 
    <script src = "http://www.myvirtualhost.lcl:8080/jquery/jquery-1.7.1.min.js" type= "text/javascript"></script> 
</head> 
<style type = "text/css"> 
    #box 
    { 
    background: red; 
    width: 300px; 
    height: 300px; 
    } 
</style> 

<script type="text/javascript"> 
    $(function(){ 
    $('a').click(function(){ 
     alert("hi"); 
     $('#box').fadeOut(); 
     )}; 
    }); 
</script> 
<body> 
    <div id="box"></div> 
    <a href="#">Click Me !</a> 
</body>

誰もが私が間違っているの何を教えてもらえますし、なぜそれが機能していませんか？

出典

2011-12-10 ScoRpion

あなたはまた、WebKitの1または放火魔ののかどうか、コンソールを使用することを学ぶ必要があります –

)};は、click(引数リストを閉じる前に匿名機能ブロックを閉じる必要があるため、});にする必要があります。

ところで、あなたが適切にあなたのコードをインデントする必要がありは：

$(function(){ 
    $('a').click(function(){ 
     alert("hi"); 
     $('#box').fadeOut(); 
    }); 
});

また、Firebugのデバッガ/コンソールオープンを持つことは良いアイデアです - あなたはすぐにあなたのコード内で、このようなパースエラーなどのエラーをすべて見ます。

出典

2011-12-10 12:34:55 ThiefMaster

おかげでたくさん... – ScoRpion

あなたは構文エラーがあります。

$('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    )};

は次のようになります。

$('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    });

Firefoxを使用している場合は、私はあなたができます開発者ツールである、あなたは放火犯をインストールすることをお勧めしますあなたのjavascript/css/htmlをデバッグする。

出典

2011-12-10 12:35:08

JavaScriptコードで構文エラーがあります：

$('#box').fadeOut(); 
    )};

は次のようになります。ここ

$('#box').fadeOut(); 
    });

の作業最終結果：

http://jsfiddle.net/GTCfR/（あなたは、ほとんどの意志おそらく、JSFiddleに感謝します。このような簡単なテストを行い、基礎を学ぶのに理想的です）。

出典

2011-12-10 12:35:29

....手段「それが動作していない」かを説明。確かに、この構文ミスはエラーを発生させ、そこに表示されます。 – maxedison

<style>と<script>タグは、ドキュメントの頭や本文に配置する必要があります。両者の間の地獄領域には何も存在できません。

他の人が指摘したように、構文エラーがここにもあります：

)};

それはあなたがFirefox用のFirebugをインストールすることを検討またはChromeデベロッパーツールを使用したいと思うかもしれ

});

でなければなりません。それぞれにはJavascriptエラーが表示されるJavascriptコンソールが含まれています。

出典

2011-12-10 12:35:38

真実だが、それは彼の問題の理由ではない。 – ThiefMaster

あまりにもそれをキャッチする方法。 – motoxer4533

-1

$('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    return false;///add this line 
    }); // and change this line

たぶん、あなたはあなたのクリックアクション

出典

2011-12-10 12:36:38 hkulekci

ほぼ完璧にこれを追加することができます！しかし、次のコードでは、}}を得ました。混乱した。コードの一部の.fadeOut();の直後を見てください。

$(function(){ 
    $('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    )}; <!-- This needs swapped, to look like });--> 
}); <!-- this one -->

出典

2011-12-10 12:37:00 motoxer4533

あなたはそれが動作するラインに

$(function(){ 
    $('a').click(function(){ 
     alert("hi"); 
     $('#box').fadeOut(); 
     )}; <------------ Error here. It must be }); 
    });

を構文エラーを肝炎！

Demo

出典

2011-12-10 12:37:38

jQueryチュートリアル - コードが機能していませんか？

答えて

関連する問題