为什么jQuery show()不起作用?

时间:2015-01-15 20:54:44

标签: javascript jquery html css

我正在使用 jQuery 通过hide()隐藏div。

然后,当点击链接时,它会显示div,但由于某种原因它不会停留。 它将显示为ms然后消失。

HTML

<div id="introContent">
    <h1 id="introText">Welcome</h1>
    <p id="introParagraph">I create <strong>Responsive</strong>, <strong>Interactive</strong>, <strong>Beautiful</strong> Mobile ready Websites.
        Every Website is created from scratch for each client so no Two Projects are alike.
        Please read more about my Company and our work.
        "High Quality Work at Affordable Prices"
    </p>
</div>

的jQuery

$(function() {
    $("#introContent").hide();
    $("#intro").click(function () { //$(#intro) is a link in my nav bar 
        $("#introContent").show();
    });
});

1 个答案:

答案 0 :(得分:10)

停止浏览器执行您单击的元素的默认操作。取消点击

$(function() {
    $("#introContent").hide();
    $("#intro").click(function (evt) {
        evt.preventDefault();
        $("#introContent").show();
    });
});