長い文章を省略して[...Read more]と表示しするjQueryプラグインReadmore.js(http://jedfoster.com/Readmore.js/)を入れたのですが、タブ内で使ったときに、デフォルトで閉じているとそのあと開くとうまく動きません。
同様の質問回答を読んで、タブをクリックするたびにReadmoreを呼び出すように改善してみたのですが、省略コンテンツが入ったタブを最初に開いたときうまくいかず・・
教えていただけると助かります。
以下がコードです。
[HTML]
<div class="tabMenu"> <ul class="nav nav-tabs"> <li><a href="#tab1" data-toggle="tab">タブ1</a></li> <li class="active"><a href="#tab2" data-toggle="tab">タブ2</a></li> </ul> <div class="tab-content"> <div class="tab-pane" id="tab1"> <div class="article"> タブ1コンテンツ=長い記事 </div> </div> <div class="tab-pane active" id="tab2"> タブ2コンテンツ </div> </div> </div> <script type="text/javascript"> function readmore(){ $('.article').readmore(); }; $('.tabMenu li').on('click',function(e){ readmore(); }); </script>
回答1件
あなたの回答
tips
プレビュー