javascript - Comment ce contenu est-il affiché en blocs? Pourquoi ne puis-je pas le tester?

Question

Comment cette page unique affiche-t-elle le contenu en blocs ?

Je l'ai pris

<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>

J'ai enlevé ces deux pièces,

Ensuite, mes paramètres sont configurés comme ceci
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>

Contenu

<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>

Pourquoi cela ne peut-il pas avoir le même effet que lui ?

Quand je l'ai ouvert, il était affiché ici, puis après avoir cliqué sur la navigation, tout ne s'est pas affiché
.

Answer 1

Le suffixe id de la page de test 1 est incompatible avec celui de a

Answer 2

D'accord, c'est toujours mon propre problème. Je ne sais pas pourquoi le contenu du script a été avalé par le programme