0

ここにある非表示と表示の基本を達成しました。

動作するサンプルコードは次のとおりです。

<div id="content" class="collapse" >
//Place content in here
</div>
<a href="content" data-toggle="collapse" style="cursor:pointer;">Read More</a>

次のタスクは、クリックイベントで「続きを読む」から「続きを読む」への変更を作成することです。

問題は、どのイベントが発生しているか、そしてそれをどのように使用するかをどのように確認できるかです。

Twitterコードのサンプル

$('#myCollapsible').on('hidden', function () {
    // do something…
    })

わからない部分は「#myCollapsible」とは何ですか?それが縮小されたdividでしょうか?

4

2 に答える 2

0

完全な解決策は次のとおりです。

$( '#content' ).on( 'hidden', function() {
    $( 'a[href="' + this.id + '"]' ).html( 'Read More' );
}).on( 'shown', function() {
    $( 'a[href="' + this.id + '"]' ).html( 'Read Less' );
});

一般的なものが必要な場合は、に置き換えることができ$( '#content' )ます$( '.collapse' )

于 2012-08-08T19:38:10.623 に答える
0

使うのが正解でしょう

$('#content')

使用する代わりに

$('#myCollapsible')

あなたの場合:)

于 2012-08-08T19:33:20.763 に答える