javascript - Wie wird dieser Inhalt in Blöcken angezeigt? Warum kann ich ihn nicht testen?

Question

Wie zeigt diese einzelne Seite Inhalte in Blöcken an?

Ich habe es genommen

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script>
$(function(){
    $("#nav a").click(function(){
        href = $(this).attr('href');
        if (href.slice(0, 1)=='#') {
            type = href.slice(1);
            $(".content").fadeOut(350);
            $("#content-" + type).fadeIn(350);
        }
    });
});
</script>
<style>

.content {
    padding-left: 20px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
</style>

Ich habe diese beiden Teile abgenommen,

Dann sind meine Einstellungen so eingerichtet:
Navigation

<p id="nav" style="margin-bottom:20px">
    <a href="#product-jichu" class="summary current">基本信息</a>
    <a href="#product-canshu" class="desc">详情</a>
    <a href="#product-pinglun" class="review">评价</a>

</p>

Inhalt

<p class="content" id="content-product-info" style="display:block;">
测试页面1
</p>
<p class="content" id="content-product-canshu">
测试页面2
</p>
<p class="content" id="content-product-pinglun">
测试页面3
</p>

Warum kann das nicht den gleichen Effekt haben wie er?

Als ich es geöffnet habe, wurde es hier angezeigt, und nachdem ich auf die Navigation geklickt habe, wurde nicht alles angezeigt

Answer 1

测试页面1的id后缀和a里面的不一致

Answer 2

好吧，还是自己的问题，script里面的content又不知道为什么被程序吞了