5

次のスタイルの段落セットがあります。

.design_info_box p.design_info_desc
{
    height:30px;
    text-overflow: ellipsis;
    overflow:hidden;
}

これにより、テキストの最初の 2 行と「続きを読む」ボタンが表示され、段落が展開されて残りのテキストが表示されます。

ボタンのコードは次のとおりです。

$(".read-more div").click(function(){
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
    $(this).hide();
});

これにより、クラスが削除され、段落全体が表示されます。ただし、アニメーションはしません。docs removeClassによると、アニメーションの期間が必要です。また、「遅い」を10000などの数字に置き換えてみました.

アニメ化されないのは何か理由があるのですか？

4

1 に答える 1

9

これが機能しない理由 (私は信じています) は、これがコア jQuery ライブラリではなく、jQueryUI の機能であるためです。ページに jQueryUI への参照を含めると、これが機能し始めるはずです。

ここでライブデモをチェックしてください: http://jsfiddle.net/YaSh6/

于 2010-10-06T16:30:46.293 に答える