0

これを索引に入れました（これはほんの一部です）

<article id="abms">
    <p>
        Mauris vulputate lorem ac nibh rhoncus, eu mattis lorem mattis. Maecenas metus dui, rhoncus eget erat quis, vehicula luctus justo. Aenean vel porta est, tristique mollis metus. Mauris gravida diam sit amet tellus pellentesque hendrerit. Maecenas ut suscipit metus. Nunc vel volutpat est, porta sodales nibh. Pellentesque varius ac massa nec varius.
        Mauris vulputate lorem ac nibh rhoncus, eu mattis lorem mattis. Maecenas metus dui, rhoncus eget erat quis, vehicula luctus justo. Aenean vel porta est, tristique mollis metus. Mauris gravida diam sit amet tellus pellentesque hendrerit. Maecenas ut suscipit metus. Nunc vel volutpat est, porta sodales nibh. Pellentesque varius ac massa nec varius.
    </p>
</article>

そして、私はスタイルシートにこれを持っています:

#abms
    {
        overflow:hidden;
    }

jqueryコードシートでoverflow:visibleを使用すると表示されるようにするため、このテキストをoverflow:hiddenで非表示にする必要があります。

すべてのファイルは正しくリンクされています (他のすべての css および jquery 効果が機能しているため、私はこれを知っています) が、これを非表示にすることはできません。

これを行うチュートリアルを見たことがありますが、うまくいきます。なぜうまくいかないのですか? 誰かがエラーを指摘できれば、それは素晴らしいことです。

誰か助けてください

ありがとう

4

2 に答える 2

1

テキストを非表示/表示する場合は、display値ではなく値を変更する必要がありますoverflow。

CSS:

#abms {
   display: none;
}

jQuery:

$('#abms').fadeIn(200)

デモ: http://jsfiddle.net/NcDUs/

于 2013-07-27T23:20:51.190 に答える
0

幅を追加してテキストを非表示にすると、その中に非表示になります

http://jsfiddle.net/kKzyT/

お気に入り

#abms
    {
      width:400px;
     height:200px;
     overflow:hidden;
    }

width:400px;ここにテキストが隠れますheight:200px;

于 2013-07-27T23:18:02.363 に答える