jquery - jQuery hide 関数でエラーを取得する

Question

これを機能させようとしましたが、エラーが発生し続けます。ここにjsfiddleがあります：

http://jsfiddle.net/2ZUmM/

うまくいけば、私はこれを完全に台無しにしていません。

JS:

$(document).ready(function() {
    $('#showIt').click(function() {
        $('#otherObject').hide();
    });
});​

HTML:

     <section id="main">
        <header>

        </header>
        <article>
            <a id="showIt" href="">Show only one</a>
        </article>
        <footer>

        </footer>
    </section>
    <section id="otherObject">
        <header>

        </header>
        <article>
            <img src="tdk.jpg">
        </article>
        <footer>

        </footer>
    </section>
    <section id="otherObjectTwo">
        <header>

        </header>
        <article>

        </article>
        <footer>

        </footer>
    </section>
    <section id="otherObject3">
        <header>

        </header>
        <article>

        </article>
        <footer>

        </footer>
    </section>​

Answer 1

return false;リンクで覚えておいてください：

$(document).ready(function() {
    $('#showIt').click(function() {
        $('#otherObject').hide();
        return false;
    });
});​

Answer 2

タグをクリックして、<a>そのリンクをたどっています。ブラウザがリンクをたどらないようにする必要があります。

$(document).ready(function() {
    $('#showIt').click(function(e) {
        e.preventDefault();
        $('#otherObject').hide();
    });
});​

Answer 3

現在、リンクは実際にはまだ期待される機能を使用しています。

$(document).ready(function() {
    $('#showIt').click(function() {
        $('#otherObject').hide();
        return false;
    });
});​

return falseデフォルトを防ぐために a/link を使用すると、a/link に追加された URL にリンクがたどられなくなります。