jquery - 使用 jQuery 隐藏函数时出错

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。