1

2つのdivを作成しようとしていますが、一方をクリックすると、もう一方が非表示になります。これが私のコードです：

<head>

    <script src="jquery-1.9.1.min.js"></script>
    <script>
        $("#top").click(function {
            $("#box").toggle();
        })
    </script>

</head>
<body>

    <div id="top"></div>
    <div id="box"></div>

</body>

しかし、クリックしてtopも何も起こりません。

編集：私はそれを次のように変更しました：

$(document).ready(function(){
    $("#top").click(function {
        $("#box").toggle();
    })
});

そしてそれはまだ機能していません

Edit2：クリック（関数）に角かっこがありませんでした

4

4 に答える 4

4

関数の後の括弧を見逃しました。によってアクセスされる前に要素の準備ができるように、 document.readyを挿入する必要があると思いますjavasscript。

$("#top").click(function (){
                         ^^

ライブデモ

$(document).ready(function(){
  $("#top").click(function (){
        $("#box").toggle();
    });
});
于 2013-02-11T16:31:42.483 に答える
3

角かっこがありません

$("#top").click(function() {
                        ^^

また、jQueryはHTMLの上にあるため、jQueryをdocument.readyラッパーでラップする必要があります。次に例を示します。

$(function(){
    // your code
});

または、jQueryスクリプトタグをHTMLの下に移動します。次に例を示します。

<div id="top">one</div>
<div id="box">two</div>
<script>
    $("#top").click(function() {
        $("#box").toggle();
    })
</script>
于 2013-02-11T16:36:45.397 に答える
1

あなたはあなたのコードを入れる必要がありますdocument.ready

$(document).ready(function() {
   // do stuff when DOM is ready
 });

jqueryについて読む-ここから始めましょう。

于 2013-02-11T16:32:54.107 に答える
0

これは動作する書き込みコードです。 

$(document).ready(function(){
  $('#top').click(function(){
     $("#box").toggle(500);
  });
});

ここで例を確認できますhttp://jsfiddle.net/deepp2887/Pnamj/。.toggle（500）アニメーションの速度は必要に応じて変更できます。

于 2013-02-11T16:45:55.603 に答える